diff --git a/version/v0.0.66/404.html b/version/v0.0.66/404.html deleted file mode 100644 index 5473748fb89..00000000000 --- a/version/v0.0.66/404.html +++ /dev/null @@ -1 +0,0 @@ -
\ No newline at end of file diff --git a/version/v0.0.66/_next/static/HDwWEjhTOH53FQ4YzEiRt/_buildManifest.js b/version/v0.0.66/_next/static/HDwWEjhTOH53FQ4YzEiRt/_buildManifest.js deleted file mode 100644 index d047a59b90f..00000000000 --- a/version/v0.0.66/_next/static/HDwWEjhTOH53FQ4YzEiRt/_buildManifest.js +++ /dev/null @@ -1 +0,0 @@ -self.__BUILD_MANIFEST=function(o,s,c,e,n,t,a,i,p,d,m,r,u,b,g,h,f,k,j,l,v,w,M,T,x,V,L,A,R,H,y,S,C,z,E,B,F,_,q,W,P,O,D,I,G,N,U,J,K,Q,X,Y,Z,$,oo,os,oc,oe,on,ot,oa,oi,op,od,om,or,ou,ob,og,oh,of,ok,oj,ol,ov,ow,oM,oT,ox,oV,oL,oA,oR,oH,oy,oS,oC,oz,oE,oB,oF,o_,oq,oW,oP,oO,oD,oI,oG,oN,oU,oJ,oK,oQ,oX,oY,oZ,o$,o4,o9,o1,o3,o2,o6,o8,o5,o7,o0,so,ss,sc,se,sn,st,sa,si,sp,sd,sm,sr,su,sb,sg,sh,sf,sk,sj,sl,sv,sw,sM,sT,sx,sV,sL,sA,sR,sH,sy,sS,sC,sz,sE,sB,sF,s_,sq,sW,sP,sO,sD,sI,sG,sN,sU,sJ,sK,sQ,sX,sY,sZ,s$,s4,s9,s1,s3,s2,s6,s8,s5,s7,s0,co,cs,cc,ce,cn,ct,ca,ci,cp,cd,cm,cr,cu,cb,cg,ch,cf,ck,cj,cl,cv,cw,cM,cT,cx,cV,cL){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[o,s,c,"static/chunks/pages/index-160a1ec70eef691f.js"],"/404":["static/chunks/pages/404-9f2937cbcf5b4059.js"],"/_error":["static/chunks/pages/_error-e5cf24d4066ff2f8.js"],"/base64":[si,"static/chunks/pages/base64-4e0fc4950780cbf4.js"],"/components/accordion":[o,s,c,e,n,"static/chunks/pages/components/accordion-ad31b4acafbbfb9f.js"],"/components/accordion/code/Behaviour":[o,n,"static/chunks/pages/components/accordion/code/Behaviour-bd1245cdccf9b9c4.js"],"/components/accordion/code/Tonality":[o,e,"static/chunks/pages/components/accordion/code/Tonality-fd63b2e0bbc63067.js"],"/components/accordion/docs/Angular":[o,sp,"static/chunks/pages/components/accordion/docs/Angular-a68f52129914ea86.js"],"/components/accordion/docs/HTML":[o,sd,"static/chunks/pages/components/accordion/docs/HTML-be36f5c60db93028.js"],"/components/accordion/docs/Migration":["static/chunks/pages/components/accordion/docs/Migration-ebd2f8240ffa67b1.js"],"/components/accordion/docs/React":[o,sm,"static/chunks/pages/components/accordion/docs/React-f858d89ec707fab1.js"],"/components/accordion/docs/Vue":[o,sr,"static/chunks/pages/components/accordion/docs/Vue-56e4e8bf3d368fa9.js"],"/components/accordion/how-to-use":[o,s,c,sp,sd,sm,sr,"static/chunks/pages/components/accordion/how-to-use-2af7019a8f38c48a.js"],"/components/accordion/migration":[s,c,"static/chunks/pages/components/accordion/migration-f60c270bbf0ca77e.js"],"/components/accordion/overview":[o,s,c,e,n,"static/chunks/pages/components/accordion/overview-cd80f28c23ccb74a.js"],"/components/accordion/properties":[s,c,"static/chunks/pages/components/accordion/properties-8ca2b6ae3b664681.js"],"/components/accordion-item":[o,s,c,t,a,"static/chunks/pages/components/accordion-item-f69fb29f6a9d2180.js"],"/components/accordion-item/code/States":[o,t,"static/chunks/pages/components/accordion-item/code/States-0fd424f660b7e30c.js"],"/components/accordion-item/code/Tonality":[o,a,"static/chunks/pages/components/accordion-item/code/Tonality-01fa7c45887de517.js"],"/components/accordion-item/docs/Angular":[o,su,"static/chunks/pages/components/accordion-item/docs/Angular-2b52cd191776b7e0.js"],"/components/accordion-item/docs/HTML":[o,"static/chunks/pages/components/accordion-item/docs/HTML-5293ae15656211b8.js"],"/components/accordion-item/docs/Migration":["static/chunks/pages/components/accordion-item/docs/Migration-a64135b3ae827eec.js"],"/components/accordion-item/docs/React":[o,sb,"static/chunks/pages/components/accordion-item/docs/React-a5aeca183d7a49e6.js"],"/components/accordion-item/docs/Vue":[o,sg,"static/chunks/pages/components/accordion-item/docs/Vue-c1f0324afe7319f8.js"],"/components/accordion-item/how-to-use":[o,s,c,sg,sb,su,"static/chunks/pages/components/accordion-item/how-to-use-d9ed823f2c6d76ce.js"],"/components/accordion-item/migration":[s,c,"static/chunks/pages/components/accordion-item/migration-4b503960f8132c46.js"],"/components/accordion-item/overview":[o,s,c,t,a,"static/chunks/pages/components/accordion-item/overview-b1e0439fafa3582f.js"],"/components/accordion-item/properties":[s,c,"static/chunks/pages/components/accordion-item/properties-66ea71ed2f8f156e.js"],"/components/alert":[o,s,c,i,p,d,m,r,"static/chunks/pages/components/alert-69ceb8224d066d0f.js"],"/components/alert/code/Behaviour":[o,m,"static/chunks/pages/components/alert/code/Behaviour-d4d0fda4bde40702.js"],"/components/alert/code/Content":[o,p,"static/chunks/pages/components/alert/code/Content-1b6d8306b27ac5aa.js"],"/components/alert/code/Tonality":[o,d,"static/chunks/pages/components/alert/code/Tonality-9420ada1028321f8.js"],"/components/alert/code/Type":[o,r,"static/chunks/pages/components/alert/code/Type-bd54c00f00aa53dc.js"],"/components/alert/code/Variant":[o,i,"static/chunks/pages/components/alert/code/Variant-0d16b0f962208655.js"],"/components/alert/docs/Angular":[o,sh,"static/chunks/pages/components/alert/docs/Angular-e0fb4b111262f14a.js"],"/components/alert/docs/HTML":[o,sf,"static/chunks/pages/components/alert/docs/HTML-f5daf12e17e3daef.js"],"/components/alert/docs/Migration":["static/chunks/pages/components/alert/docs/Migration-0eaac974895e2138.js"],"/components/alert/docs/React":[o,"static/chunks/pages/components/alert/docs/React-78f620fdd114af35.js"],"/components/alert/docs/Vue":[o,"static/chunks/pages/components/alert/docs/Vue-8d1aa29814fe0b01.js"],"/components/alert/how-to-use":[o,s,c,sf,sh,"static/chunks/pages/components/alert/how-to-use-ed26a0538c76b67b.js"],"/components/alert/migration":[s,c,"static/chunks/pages/components/alert/migration-7af8a3046d7372eb.js"],"/components/alert/overview":[o,s,c,i,p,d,m,r,"static/chunks/pages/components/alert/overview-3d8980b85e277607.js"],"/components/alert/properties":[s,c,"static/chunks/pages/components/alert/properties-ed2ec69d41f2951b.js"],"/components/badge":[o,s,c,u,b,g,h,f,k,j,"static/chunks/pages/components/badge-b05a4b47ce14e1a0.js"],"/components/badge/code/Content":[o,g,"static/chunks/pages/components/badge/code/Content-8225c5e99b7298eb.js"],"/components/badge/code/Emphasis":[o,f,"static/chunks/pages/components/badge/code/Emphasis-d15ab90944f95fb1.js"],"/components/badge/code/Examples":[o,j,"static/chunks/pages/components/badge/code/Examples-8e3fcaf021378e0b.js"],"/components/badge/code/Placement":[o,b,"static/chunks/pages/components/badge/code/Placement-b8eeaaac7a6ffa8e.js"],"/components/badge/code/Size":[o,k,"static/chunks/pages/components/badge/code/Size-c9f9733d28f9b7cf.js"],"/components/badge/code/Tonality":[o,h,"static/chunks/pages/components/badge/code/Tonality-0b0b15a6a92a81a0.js"],"/components/badge/code/Variant":[o,u,"static/chunks/pages/components/badge/code/Variant-747becbee7b4c576.js"],"/components/badge/docs/Angular":[o,sk,"static/chunks/pages/components/badge/docs/Angular-bba1821c3fbe9a61.js"],"/components/badge/docs/HTML":[o,"static/chunks/pages/components/badge/docs/HTML-98a3b5e21f069a91.js"],"/components/badge/docs/Migration":["static/chunks/pages/components/badge/docs/Migration-38308ed3cd436aad.js"],"/components/badge/docs/React":[o,"static/chunks/pages/components/badge/docs/React-409d25fd83154cb1.js"],"/components/badge/docs/Vue":[o,"static/chunks/pages/components/badge/docs/Vue-f4302dcfadc2692e.js"],"/components/badge/how-to-use":[o,s,c,sk,"static/chunks/pages/components/badge/how-to-use-5f4fae075ae1707f.js"],"/components/badge/migration":[s,c,"static/chunks/pages/components/badge/migration-a4a9e6284d936be5.js"],"/components/badge/overview":[o,s,c,u,b,g,h,f,k,j,"static/chunks/pages/components/badge/overview-db517e79318e359e.js"],"/components/badge/properties":[s,c,"static/chunks/pages/components/badge/properties-4a451b72a7c4b6d7.js"],"/components/brand":[o,s,c,l,"static/chunks/pages/components/brand-81906e01f1798e11.js"],"/components/brand/code/Tonality":[o,l,"static/chunks/pages/components/brand/code/Tonality-8797b94b4ce6f793.js"],"/components/brand/docs/Angular":[o,sj,"static/chunks/pages/components/brand/docs/Angular-1519dbe904e87031.js"],"/components/brand/docs/HTML":[o,"static/chunks/pages/components/brand/docs/HTML-d7bc2091c91b0919.js"],"/components/brand/docs/React":[o,"static/chunks/pages/components/brand/docs/React-ce44e3f9bae70a83.js"],"/components/brand/docs/Vue":[o,"static/chunks/pages/components/brand/docs/Vue-0fca14aece3acc7f.js"],"/components/brand/how-to-use":[o,s,c,sj,"static/chunks/pages/components/brand/how-to-use-e398f77c04dfc9ec.js"],"/components/brand/migration":[s,c,"static/chunks/pages/components/brand/migration-90459df847184145.js"],"/components/brand/overview":[o,s,c,l,"static/chunks/pages/components/brand/overview-dac0401a2df10661.js"],"/components/brand/properties":[s,c,"static/chunks/pages/components/brand/properties-858c764edb5eccd9.js"],"/components/button":[o,s,c,v,w,M,T,x,V,"static/chunks/pages/components/button-b8da6675591fef0f.js"],"/components/button/code/Behaviour":[o,T,"static/chunks/pages/components/button/code/Behaviour-6a3f4cabd76fbf20.js"],"/components/button/code/Content":[o,w,"static/chunks/pages/components/button/code/Content-4688ef1ca6245984.js"],"/components/button/code/Size":[o,x,"static/chunks/pages/components/button/code/Size-5083a5005fcc5c5a.js"],"/components/button/code/State":[o,V,"static/chunks/pages/components/button/code/State-2d47461eb92deade.js"],"/components/button/code/Tonality":[o,M,"static/chunks/pages/components/button/code/Tonality-39591b6ec6e276d5.js"],"/components/button/code/Variant":[o,v,"static/chunks/pages/components/button/code/Variant-65bd20113ae2f955.js"],"/components/button/docs/Angular":[o,sl,"static/chunks/pages/components/button/docs/Angular-1a5de2eacca6f9df.js"],"/components/button/docs/HTML":[o,"static/chunks/pages/components/button/docs/HTML-f9e79ff0d5270137.js"],"/components/button/docs/Migration":[sv,"static/chunks/pages/components/button/docs/Migration-c3e32206e04fd7ad.js"],"/components/button/docs/React":[o,"static/chunks/pages/components/button/docs/React-8f7badf3a3cb87ff.js"],"/components/button/docs/Vue":[o,"static/chunks/pages/components/button/docs/Vue-7fa06c8bef688638.js"],"/components/button/how-to-use":[o,s,c,sl,"static/chunks/pages/components/button/how-to-use-4b248db6dba7704c.js"],"/components/button/migration":[s,c,sv,"static/chunks/pages/components/button/migration-8aad5ee34e08d03c.js"],"/components/button/overview":[o,s,c,v,w,M,T,x,V,"static/chunks/pages/components/button/overview-90ee6c4657be8f4d.js"],"/components/button/properties":[s,c,"static/chunks/pages/components/button/properties-8e10d62f6eff553c.js"],"/components/card":[o,s,c,L,A,R,H,"static/chunks/pages/components/card-bc804154799ab1c7.js"],"/components/card/code/ColorVariant":[o,L,"static/chunks/pages/components/card/code/ColorVariant-dbd61774b95748a2.js"],"/components/card/code/Spacing":[o,R,"static/chunks/pages/components/card/code/Spacing-0ea6f0359b2cbe02.js"],"/components/card/code/Tonality":[o,A,"static/chunks/pages/components/card/code/Tonality-74b00c70e3520d17.js"],"/components/card/code/Variant":[o,H,"static/chunks/pages/components/card/code/Variant-8436ad2d12740caf.js"],"/components/card/docs/Angular":[o,"static/chunks/pages/components/card/docs/Angular-76d1fc6c8619a2d0.js"],"/components/card/docs/HTML":[o,"static/chunks/pages/components/card/docs/HTML-5cb1c4d5b03f92ab.js"],"/components/card/docs/Migration":["static/chunks/pages/components/card/docs/Migration-346c2e9c25a5c717.js"],"/components/card/docs/React":[o,"static/chunks/pages/components/card/docs/React-284d78cb0d94075b.js"],"/components/card/docs/Vue":[o,"static/chunks/pages/components/card/docs/Vue-7a7ca4847f56e1cf.js"],"/components/card/how-to-use":[o,s,c,"static/chunks/pages/components/card/how-to-use-c6fecaa197e8f2b6.js"],"/components/card/migration":[s,c,"static/chunks/pages/components/card/migration-73edd64c624acb6e.js"],"/components/card/overview":[o,s,c,L,A,R,H,"static/chunks/pages/components/card/overview-1931ed1ff34c3ba5.js"],"/components/card/properties":[s,c,"static/chunks/pages/components/card/properties-baa4a1f4f7788f98.js"],"/components/checkbox":[o,s,c,y,S,C,z,E,"static/chunks/pages/components/checkbox-87b9f472db943c37.js"],"/components/checkbox/code/Requirement":[o,S,"static/chunks/pages/components/checkbox/code/Requirement-b3bb69048a037468.js"],"/components/checkbox/code/Size":[o,z,"static/chunks/pages/components/checkbox/code/Size-5f7c734403b3d6bb.js"],"/components/checkbox/code/States":[o,y,"static/chunks/pages/components/checkbox/code/States-d78d942532628439.js"],"/components/checkbox/code/Tonality":[o,C,"static/chunks/pages/components/checkbox/code/Tonality-cc8a32a6fafdf74f.js"],"/components/checkbox/code/VariantLabel":[o,E,"static/chunks/pages/components/checkbox/code/VariantLabel-dc4f74ba93d4eb10.js"],"/components/checkbox/docs/Angular":[o,sw,"static/chunks/pages/components/checkbox/docs/Angular-35ac91567c3a1aa6.js"],"/components/checkbox/docs/HTML":[o,"static/chunks/pages/components/checkbox/docs/HTML-65139e339e597735.js"],"/components/checkbox/docs/Migration":["static/chunks/pages/components/checkbox/docs/Migration-c1b252b5d9c1eaa7.js"],"/components/checkbox/docs/React":[o,sM,"static/chunks/pages/components/checkbox/docs/React-c556a280270e7ab2.js"],"/components/checkbox/docs/Vue":[o,sT,"static/chunks/pages/components/checkbox/docs/Vue-b487c535e31d5fc1.js"],"/components/checkbox/how-to-use":[o,s,c,sw,sM,sT,"static/chunks/pages/components/checkbox/how-to-use-e59033146de74da3.js"],"/components/checkbox/migration":[s,c,"static/chunks/pages/components/checkbox/migration-ae1733917d21ba34.js"],"/components/checkbox/overview":[o,s,c,y,S,C,z,E,"static/chunks/pages/components/checkbox/overview-c5c65d67885bac9d.js"],"/components/checkbox/properties":[s,c,"static/chunks/pages/components/checkbox/properties-132ffc6cf03f07e6.js"],"/components/code-docs/docs/Angular":["static/chunks/pages/components/code-docs/docs/Angular-6526a7f00312805e.js"],"/components/code-docs/docs/HTML":["static/chunks/pages/components/code-docs/docs/HTML-751d8b574584f201.js"],"/components/code-docs/docs/React":[o,sx,"static/chunks/pages/components/code-docs/docs/React-a89cf3a522d337ec.js"],"/components/code-docs/docs/Vue":["static/chunks/pages/components/code-docs/docs/Vue-fb636e9afd17b86d.js"],"/components/code-docs/how-to-use":[o,s,c,sx,"static/chunks/pages/components/code-docs/how-to-use-4df7093674b37a35.js"],"/components/code-docs/migration":[s,c,"static/chunks/pages/components/code-docs/migration-90c482131b057e42.js"],"/components/code-docs/properties":[s,c,"static/chunks/pages/components/code-docs/properties-a62c8071bf1c2101.js"],"/components/divider":[o,s,c,B,F,_,"static/chunks/pages/components/divider-9144d0b7f1f888ee.js"],"/components/divider/code/Emphasis":[o,_,"static/chunks/pages/components/divider/code/Emphasis-f7732299df9c813e.js"],"/components/divider/code/Tonality":[o,B,"static/chunks/pages/components/divider/code/Tonality-9d49e302d9bd9d79.js"],"/components/divider/code/Variant":[o,F,"static/chunks/pages/components/divider/code/Variant-d7af064f22144aae.js"],"/components/divider/docs/Angular":[o,sV,"static/chunks/pages/components/divider/docs/Angular-e7a5435043919702.js"],"/components/divider/docs/HTML":[o,"static/chunks/pages/components/divider/docs/HTML-192febdf29613d04.js"],"/components/divider/docs/Migration":["static/chunks/pages/components/divider/docs/Migration-780b04c134ad4b5e.js"],"/components/divider/docs/React":[o,"static/chunks/pages/components/divider/docs/React-fc9e5947ed35fea2.js"],"/components/divider/docs/Vue":[o,"static/chunks/pages/components/divider/docs/Vue-8f837452e53d3fa7.js"],"/components/divider/how-to-use":[o,s,c,sV,"static/chunks/pages/components/divider/how-to-use-5c83dc7cf0ae72ac.js"],"/components/divider/migration":[s,c,"static/chunks/pages/components/divider/migration-b8c6b726827966bb.js"],"/components/divider/overview":[o,s,c,B,F,_,"static/chunks/pages/components/divider/overview-6a2653e49bc46756.js"],"/components/divider/properties":[s,c,"static/chunks/pages/components/divider/properties-31194db916dc4dff.js"],"/components/drawer":[o,s,c,q,W,P,O,D,I,"static/chunks/pages/components/drawer-46f2da901a09e318.js"],"/components/drawer/code/Backdrop":[o,P,"static/chunks/pages/components/drawer/code/Backdrop-1304ad7229e841f7.js"],"/components/drawer/code/Directions":[o,W,"static/chunks/pages/components/drawer/code/Directions-806fd7c7a9a82970.js"],"/components/drawer/code/Rounded":[o,I,"static/chunks/pages/components/drawer/code/Rounded-9ef2ab10e614f9bd.js"],"/components/drawer/code/Size":[o,D,"static/chunks/pages/components/drawer/code/Size-4d9140c82a186976.js"],"/components/drawer/code/Spacing":[o,q,"static/chunks/pages/components/drawer/code/Spacing-74527731d9f5e4e0.js"],"/components/drawer/code/Tonality":[o,O,"static/chunks/pages/components/drawer/code/Tonality-c88a77387f1f052e.js"],"/components/drawer/docs/Angular":[o,sL,"static/chunks/pages/components/drawer/docs/Angular-27de85d34a721828.js"],"/components/drawer/docs/HTML":[o,sA,"static/chunks/pages/components/drawer/docs/HTML-bb956e783ce6f351.js"],"/components/drawer/docs/Migration":["static/chunks/pages/components/drawer/docs/Migration-fb4d3545efced4ff.js"],"/components/drawer/docs/React":[o,sR,"static/chunks/pages/components/drawer/docs/React-5a2055bbe9a7e509.js"],"/components/drawer/docs/Vue":[o,sH,"static/chunks/pages/components/drawer/docs/Vue-4e65d03faf482efb.js"],"/components/drawer/how-to-use":[o,s,c,sR,sH,sL,sA,"static/chunks/pages/components/drawer/how-to-use-9cda40bc3ff93b70.js"],"/components/drawer/migration":[s,c,"static/chunks/pages/components/drawer/migration-65137fc2d128dbe1.js"],"/components/drawer/overview":[o,s,c,q,W,P,O,D,I,"static/chunks/pages/components/drawer/overview-709913ca5007e89a.js"],"/components/drawer/properties":[s,c,"static/chunks/pages/components/drawer/properties-7e721053846f5b55.js"],"/components/header":[o,s,c,G,N,"static/chunks/pages/components/header-0d781c4f0c565a8a.js"],"/components/header/code/Behaviour":[o,N,"static/chunks/pages/components/header/code/Behaviour-d5e92bbf3ac8247f.js"],"/components/header/code/Tonality":[o,G,"static/chunks/pages/components/header/code/Tonality-0f7862feb683f50e.js"],"/components/header/docs/Angular":[o,sy,"static/chunks/pages/components/header/docs/Angular-b219b79fc0206d84.js"],"/components/header/docs/HTML":[o,"static/chunks/pages/components/header/docs/HTML-bb059cb4c29677fe.js"],"/components/header/docs/Migration":["static/chunks/pages/components/header/docs/Migration-506d7317166778f2.js"],"/components/header/docs/React":[o,sS,"static/chunks/pages/components/header/docs/React-c8b3c2fa72782228.js"],"/components/header/docs/Vue":[o,sC,"static/chunks/pages/components/header/docs/Vue-0a7687032b680caf.js"],"/components/header/how-to-use":[o,s,c,sC,sy,sS,"static/chunks/pages/components/header/how-to-use-cbb5fd7048b00ddc.js"],"/components/header/migration":[s,c,"static/chunks/pages/components/header/migration-14bf3187a372b542.js"],"/components/header/overview":[o,s,c,G,N,"static/chunks/pages/components/header/overview-d3cee8908d142ff9.js"],"/components/header/properties":[s,c,"static/chunks/pages/components/header/properties-37b8707e2b55e2ad.js"],"/components/icon":[o,s,c,U,"static/chunks/pages/components/icon-c0754b0dd110bc90.js"],"/components/icon/code/Tonality":[o,U,"static/chunks/pages/components/icon/code/Tonality-932b7fbaaa13ae62.js"],"/components/icon/docs/Angular":[o,sz,"static/chunks/pages/components/icon/docs/Angular-8e7d7c4c9467e1de.js"],"/components/icon/docs/HTML":[o,"static/chunks/pages/components/icon/docs/HTML-8258fdd42cd24bad.js"],"/components/icon/docs/Migration":["static/chunks/pages/components/icon/docs/Migration-9d6f3e76392c7116.js"],"/components/icon/docs/React":[o,"static/chunks/pages/components/icon/docs/React-2f8d4cb47e37c572.js"],"/components/icon/docs/Vue":[o,"static/chunks/pages/components/icon/docs/Vue-a519e4f2389576f9.js"],"/components/icon/how-to-use":[o,s,c,sz,"static/chunks/pages/components/icon/how-to-use-befe31d9e9e7229e.js"],"/components/icon/migration":[s,c,"static/chunks/pages/components/icon/migration-465a5e7e9a7032ee.js"],"/components/icon/overview":[o,s,c,U,"static/chunks/pages/components/icon/overview-ef441f71f6caa1ef.js"],"/components/icon/properties":[s,c,"static/chunks/pages/components/icon/properties-dd34d7996224e760.js"],"/components/infotext":[o,s,c,J,K,Q,"static/chunks/pages/components/infotext-09ecf98ef2ed9dc9.js"],"/components/infotext/code/Size":[o,Q,"static/chunks/pages/components/infotext/code/Size-03030922de814802.js"],"/components/infotext/code/Tonality":[o,K,"static/chunks/pages/components/infotext/code/Tonality-993e18db997fdeb0.js"],"/components/infotext/code/Variant":[o,J,"static/chunks/pages/components/infotext/code/Variant-fcfa5ba67792fee2.js"],"/components/infotext/docs/Angular":[o,sE,"static/chunks/pages/components/infotext/docs/Angular-b3b9eeecdfef759a.js"],"/components/infotext/docs/HTML":[o,"static/chunks/pages/components/infotext/docs/HTML-1add7dc4f6b70e47.js"],"/components/infotext/docs/Migration":["static/chunks/pages/components/infotext/docs/Migration-4659ea76f2f1b97e.js"],"/components/infotext/docs/React":[o,"static/chunks/pages/components/infotext/docs/React-13c831c0c2d2c9f8.js"],"/components/infotext/docs/Vue":[o,"static/chunks/pages/components/infotext/docs/Vue-8feb718b01ea81e9.js"],"/components/infotext/how-to-use":[o,s,c,sE,"static/chunks/pages/components/infotext/how-to-use-908226b34fa9135a.js"],"/components/infotext/migration":[s,c,"static/chunks/pages/components/infotext/migration-88f47262d4953978.js"],"/components/infotext/overview":[o,s,c,J,K,Q,"static/chunks/pages/components/infotext/overview-4028b5c6ea9fb219.js"],"/components/infotext/properties":[s,c,"static/chunks/pages/components/infotext/properties-f4cfcd5b304fdd9d.js"],"/components/input":[o,s,c,X,Y,Z,$,oo,os,oc,oe,on,ot,"static/chunks/pages/components/input-3e493ff0e04f5cb7.js"],"/components/input/code/Content":[o,$,"static/chunks/pages/components/input/code/Content-817eaeafea7ca1a6.js"],"/components/input/code/ExampleTypes":[o,Y,"static/chunks/pages/components/input/code/ExampleTypes-73fd5a3945ce1759.js"],"/components/input/code/ExampleTypesFloatingLabel":[o,X,"static/chunks/pages/components/input/code/ExampleTypesFloatingLabel-689ea34b99ea3427.js"],"/components/input/code/Requirement":[o,oc,"static/chunks/pages/components/input/code/Requirement-3f333d9d06637904.js"],"/components/input/code/Semantic":[o,Z,"static/chunks/pages/components/input/code/Semantic-5a2921963cb7c235.js"],"/components/input/code/StatesFloatingLabel":[o,oo,"static/chunks/pages/components/input/code/StatesFloatingLabel-3a282150bf410ece.js"],"/components/input/code/StatesLabelAbove":[o,os,"static/chunks/pages/components/input/code/StatesLabelAbove-7914c89d379b5c9e.js"],"/components/input/code/Tonality":[o,oe,"static/chunks/pages/components/input/code/Tonality-5de1342b3c45326c.js"],"/components/input/code/VariantHelperMessage":[o,ot,"static/chunks/pages/components/input/code/VariantHelperMessage-c257c241bd8a9ba0.js"],"/components/input/code/VariantLabel":[o,on,"static/chunks/pages/components/input/code/VariantLabel-11b63d2cfaf29410.js"],"/components/input/docs/Angular":[o,sB,"static/chunks/pages/components/input/docs/Angular-5c7905e11b7a9e8d.js"],"/components/input/docs/HTML":[o,"static/chunks/pages/components/input/docs/HTML-0d6310651eac61c2.js"],"/components/input/docs/Migration":["static/chunks/pages/components/input/docs/Migration-3b47a5a3b8d6249b.js"],"/components/input/docs/React":[o,sF,"static/chunks/pages/components/input/docs/React-ec5e6248a24f3387.js"],"/components/input/docs/Vue":[o,s_,"static/chunks/pages/components/input/docs/Vue-cc83ca4645748659.js"],"/components/input/how-to-use":[o,s,c,sB,s_,sF,"static/chunks/pages/components/input/how-to-use-80422b6f76db289c.js"],"/components/input/migration":[s,c,"static/chunks/pages/components/input/migration-149fd7a7031bad49.js"],"/components/input/overview":[o,s,c,X,Y,Z,$,oo,os,oc,oe,on,ot,"static/chunks/pages/components/input/overview-6cacbbe75ba22dcb.js"],"/components/input/properties":[s,c,"static/chunks/pages/components/input/properties-b071c37c6d3b65ab.js"],"/components/link":[o,s,c,oa,oi,op,od,om,"static/chunks/pages/components/link-17d368d1d793d016.js"],"/components/link/code/Content":[o,od,"static/chunks/pages/components/link/code/Content-57ae4dc3834ad057.js"],"/components/link/code/Size":[o,op,"static/chunks/pages/components/link/code/Size-111a30d26dbc3572.js"],"/components/link/code/State":[o,om,"static/chunks/pages/components/link/code/State-f3e9df47f52ff7e3.js"],"/components/link/code/Tonality":[o,oa,"static/chunks/pages/components/link/code/Tonality-ca2079742e5d282d.js"],"/components/link/code/Variant":[o,oi,"static/chunks/pages/components/link/code/Variant-174b6202fd0bf8be.js"],"/components/link/docs/Angular":[o,sq,"static/chunks/pages/components/link/docs/Angular-9f89eaf64e1c9b00.js"],"/components/link/docs/HTML":[o,"static/chunks/pages/components/link/docs/HTML-078e0b65ba6c4c07.js"],"/components/link/docs/Migration":["static/chunks/pages/components/link/docs/Migration-06950c36e1c45f07.js"],"/components/link/docs/React":[o,sW,"static/chunks/pages/components/link/docs/React-6191338651cf3650.js"],"/components/link/docs/Vue":[o,"static/chunks/pages/components/link/docs/Vue-903ea6db4729e98a.js"],"/components/link/how-to-use":[o,s,c,sq,sW,"static/chunks/pages/components/link/how-to-use-e74f69fd76b30b92.js"],"/components/link/migration":[s,c,"static/chunks/pages/components/link/migration-c17a7d33d66c06e4.js"],"/components/link/overview":[o,s,c,oa,oi,op,od,om,"static/chunks/pages/components/link/overview-7e1189e4d4e1c887.js"],"/components/link/properties":[s,c,"static/chunks/pages/components/link/properties-aadb973459202a7a.js"],"/components/main-navigation":[o,s,c,or,"static/chunks/pages/components/main-navigation-3699b94f189c69be.js"],"/components/main-navigation/code/Tonality":[o,or,"static/chunks/pages/components/main-navigation/code/Tonality-74c67ebcea46e439.js"],"/components/main-navigation/docs/Angular":[o,sP,"static/chunks/pages/components/main-navigation/docs/Angular-66a9f11756e436ca.js"],"/components/main-navigation/docs/HTML":[o,sO,"static/chunks/pages/components/main-navigation/docs/HTML-fb29dfd9be731710.js"],"/components/main-navigation/docs/Migration":["static/chunks/pages/components/main-navigation/docs/Migration-54e536b4b5166dd1.js"],"/components/main-navigation/docs/React":[o,sD,"static/chunks/pages/components/main-navigation/docs/React-da8677048233636d.js"],"/components/main-navigation/docs/Vue":[o,sI,"static/chunks/pages/components/main-navigation/docs/Vue-c0292c8ef5e5bed7.js"],"/components/main-navigation/how-to-use":[o,s,c,sO,sP,sI,sD,"static/chunks/pages/components/main-navigation/how-to-use-c5f1cec0b7467ce3.js"],"/components/main-navigation/migration":[s,c,"static/chunks/pages/components/main-navigation/migration-686396fe0367c0fc.js"],"/components/main-navigation/overview":[o,s,c,or,"static/chunks/pages/components/main-navigation/overview-51f954333da15d53.js"],"/components/main-navigation/properties":[s,c,"static/chunks/pages/components/main-navigation/properties-e51777249a59564b.js"],"/components/navigation-item":[o,s,c,ou,ob,og,oh,"static/chunks/pages/components/navigation-item-d34b9a2b9fc2e539.js"],"/components/navigation-item/code/Content":[o,ou,"static/chunks/pages/components/navigation-item/code/Content-46c42a6af553132e.js"],"/components/navigation-item/code/States":[o,ob,"static/chunks/pages/components/navigation-item/code/States-8b9dfe18d4b4e52a.js"],"/components/navigation-item/code/Tonality":[o,og,"static/chunks/pages/components/navigation-item/code/Tonality-aac9327b12c2686f.js"],"/components/navigation-item/code/Width":[o,oh,"static/chunks/pages/components/navigation-item/code/Width-fa5cccc57ab23225.js"],"/components/navigation-item/docs/Angular":[o,sG,"static/chunks/pages/components/navigation-item/docs/Angular-5e13b7683d51edcf.js"],"/components/navigation-item/docs/HTML":[o,sN,"static/chunks/pages/components/navigation-item/docs/HTML-1ec0db40c2af5007.js"],"/components/navigation-item/docs/Migration":["static/chunks/pages/components/navigation-item/docs/Migration-49f625757e973380.js"],"/components/navigation-item/docs/React":[o,sU,"static/chunks/pages/components/navigation-item/docs/React-f66a4bf51bb63eed.js"],"/components/navigation-item/docs/Vue":[o,sJ,"static/chunks/pages/components/navigation-item/docs/Vue-87ee78f848c819f6.js"],"/components/navigation-item/how-to-use":[o,s,c,sG,sU,sJ,sN,"static/chunks/pages/components/navigation-item/how-to-use-7b25c3dd9a8aa968.js"],"/components/navigation-item/migration":[s,c,"static/chunks/pages/components/navigation-item/migration-9d4ac615ce03e5b3.js"],"/components/navigation-item/overview":[o,s,c,ou,ob,og,oh,"static/chunks/pages/components/navigation-item/overview-cd22dcb64a55b0f2.js"],"/components/navigation-item/properties":[s,c,"static/chunks/pages/components/navigation-item/properties-0f4b4d25b2482df3.js"],"/components/page":[o,s,c,of,"static/chunks/pages/components/page-74d874897c0d10b3.js"],"/components/page/code/Tonality":[o,of,"static/chunks/pages/components/page/code/Tonality-d8f1329e680cfdcf.js"],"/components/page/docs/Angular":[o,sK,"static/chunks/pages/components/page/docs/Angular-97c3f1a6358e89b4.js"],"/components/page/docs/HTML":[o,"static/chunks/pages/components/page/docs/HTML-f7f59e05622650ca.js"],"/components/page/docs/Migration":["static/chunks/pages/components/page/docs/Migration-dc70d55f8717e44b.js"],"/components/page/docs/React":[o,sQ,"static/chunks/pages/components/page/docs/React-e6d34f40a37fa18b.js"],"/components/page/docs/Vue":[o,sX,"static/chunks/pages/components/page/docs/Vue-a5c15b89d6fafc8e.js"],"/components/page/how-to-use":[o,s,c,sK,sQ,sX,"static/chunks/pages/components/page/how-to-use-14f476f5a8c69786.js"],"/components/page/migration":[s,c,"static/chunks/pages/components/page/migration-43e1af1758a88649.js"],"/components/page/overview":[o,s,c,of,"static/chunks/pages/components/page/overview-d1b27490250745f8.js"],"/components/page/properties":[s,c,"static/chunks/pages/components/page/properties-b44a957f7b2f58cb.js"],"/components/popover":[o,s,c,ok,oj,ol,ov,ow,oM,"static/chunks/pages/components/popover-8d32843675b902e3.js"],"/components/popover/code/Animations":[o,oj,"static/chunks/pages/components/popover/code/Animations-4658809fbe199f83.js"],"/components/popover/code/Gap":[o,oM,"static/chunks/pages/components/popover/code/Gap-b16e3821fd6d3658.js"],"/components/popover/code/Placement":[o,ok,"static/chunks/pages/components/popover/code/Placement-7bafefb21d86ab8f.js"],"/components/popover/code/Spacing":[o,ol,"static/chunks/pages/components/popover/code/Spacing-32dbc82d7d0ac8e3.js"],"/components/popover/code/Tonality":[o,ov,"static/chunks/pages/components/popover/code/Tonality-fc0c0d0960700026.js"],"/components/popover/code/Width":[o,ow,"static/chunks/pages/components/popover/code/Width-5f77333028688e23.js"],"/components/popover/docs/Angular":[o,sY,"static/chunks/pages/components/popover/docs/Angular-c82ed321a65efce3.js"],"/components/popover/docs/HTML":[o,"static/chunks/pages/components/popover/docs/HTML-720c622097ebaa2b.js"],"/components/popover/docs/Migration":["static/chunks/pages/components/popover/docs/Migration-ed4f9fca1548b211.js"],"/components/popover/docs/React":[o,sZ,"static/chunks/pages/components/popover/docs/React-549787d47cd76445.js"],"/components/popover/docs/Vue":[o,s$,"static/chunks/pages/components/popover/docs/Vue-ebcd747466e3eea7.js"],"/components/popover/how-to-use":[o,s,c,sY,sZ,s$,"static/chunks/pages/components/popover/how-to-use-352ce21f564a0f8f.js"],"/components/popover/migration":[s,c,"static/chunks/pages/components/popover/migration-07e4359328b4c165.js"],"/components/popover/overview":[o,s,c,ok,oj,ol,ov,ow,oM,"static/chunks/pages/components/popover/overview-d563b334ed134535.js"],"/components/popover/properties":[s,c,"static/chunks/pages/components/popover/properties-dfdf17a91d647c05.js"],"/components/radio":[o,s,c,oT,ox,oV,oL,oA,"static/chunks/pages/components/radio-2ac0f7a2043fadb1.js"],"/components/radio/code/Requirement":[o,ox,"static/chunks/pages/components/radio/code/Requirement-cc106ce8a529048f.js"],"/components/radio/code/Size":[o,oL,"static/chunks/pages/components/radio/code/Size-62e96e0a9f8eab29.js"],"/components/radio/code/States":[o,oV,"static/chunks/pages/components/radio/code/States-8e36ec1e612e16e2.js"],"/components/radio/code/Tonality":[o,oT,"static/chunks/pages/components/radio/code/Tonality-39898d45efd393f4.js"],"/components/radio/code/VariantLabel":[o,oA,"static/chunks/pages/components/radio/code/VariantLabel-4edab18c2b28199d.js"],"/components/radio/docs/Angular":[o,s4,"static/chunks/pages/components/radio/docs/Angular-2a2a73dbd98f9c52.js"],"/components/radio/docs/HTML":[o,s9,"static/chunks/pages/components/radio/docs/HTML-62239660e1f91024.js"],"/components/radio/docs/Migration":["static/chunks/pages/components/radio/docs/Migration-0526ef276ff76442.js"],"/components/radio/docs/React":[o,s1,"static/chunks/pages/components/radio/docs/React-605e666172a74773.js"],"/components/radio/docs/Vue":[o,s3,"static/chunks/pages/components/radio/docs/Vue-9a2e104407d5ce48.js"],"/components/radio/how-to-use":[o,s,c,s4,s1,s3,s9,"static/chunks/pages/components/radio/how-to-use-97e8315c711b3711.js"],"/components/radio/migration":[s,c,"static/chunks/pages/components/radio/migration-8a6ad780ccbab367.js"],"/components/radio/overview":[o,s,c,oT,ox,oV,oL,oA,"static/chunks/pages/components/radio/overview-fb0f8419028feb58.js"],"/components/radio/properties":[s,c,"static/chunks/pages/components/radio/properties-65e21610021dca96.js"],"/components/readme":[o,s,c,"static/chunks/pages/components/readme-3cbdcb9adfec5fc5.js"],"/components/section":[o,s,c,oR,oH,oy,"static/chunks/pages/components/section-280c34b94a3bd2dc.js"],"/components/section/code/Size":[o,oH,"static/chunks/pages/components/section/code/Size-876ef29b5b47d752.js"],"/components/section/code/Tonality":[o,oy,"static/chunks/pages/components/section/code/Tonality-3552e8c27ddac36e.js"],"/components/section/code/Variant":[o,oR,"static/chunks/pages/components/section/code/Variant-348035b5a4b2047a.js"],"/components/section/docs/Angular":[o,s2,"static/chunks/pages/components/section/docs/Angular-11376791415982a0.js"],"/components/section/docs/HTML":[o,"static/chunks/pages/components/section/docs/HTML-9d15ddc11829b0f1.js"],"/components/section/docs/Migration":["static/chunks/pages/components/section/docs/Migration-2b1e65b48ece1342.js"],"/components/section/docs/React":[o,"static/chunks/pages/components/section/docs/React-0d59afd9fa78bc30.js"],"/components/section/docs/Vue":[o,"static/chunks/pages/components/section/docs/Vue-8e7c75934258965b.js"],"/components/section/how-to-use":[o,s,c,s2,"static/chunks/pages/components/section/how-to-use-2f2e31c9a965e494.js"],"/components/section/migration":[s,c,"static/chunks/pages/components/section/migration-591ea92f41e53ef2.js"],"/components/section/overview":[o,s,c,oR,oH,oy,"static/chunks/pages/components/section/overview-fa4bab14697b6ca9.js"],"/components/section/properties":[s,c,"static/chunks/pages/components/section/properties-b9a4914c410646c5.js"],"/components/select":[o,s,c,oS,oC,oz,oE,oB,oF,o_,oq,"static/chunks/pages/components/select-a368fc99a845b585.js"],"/components/select/code/Content":[o,oF,"static/chunks/pages/components/select/code/Content-dd91a01c69df7cbb.js"],"/components/select/code/Requirement":[o,oz,"static/chunks/pages/components/select/code/Requirement-2f1869dbcf51ff28.js"],"/components/select/code/Semantic":[o,oS,"static/chunks/pages/components/select/code/Semantic-c0b696e4ded9feda.js"],"/components/select/code/StatesFloatingLabel":[o,oC,"static/chunks/pages/components/select/code/StatesFloatingLabel-256a8534577fa377.js"],"/components/select/code/StatesLabelAbove":[o,oB,"static/chunks/pages/components/select/code/StatesLabelAbove-3566979c69dd4292.js"],"/components/select/code/Tonality":[o,oE,"static/chunks/pages/components/select/code/Tonality-9bf0460fa1274f0c.js"],"/components/select/code/VariantHelperMessage":[o,oq,"static/chunks/pages/components/select/code/VariantHelperMessage-7d4389879040a2fd.js"],"/components/select/code/VariantLabel":[o,o_,"static/chunks/pages/components/select/code/VariantLabel-08eef0c937f1b972.js"],"/components/select/docs/Angular":[o,s6,"static/chunks/pages/components/select/docs/Angular-f4c04056952bbc7c.js"],"/components/select/docs/HTML":[o,s8,"static/chunks/pages/components/select/docs/HTML-15c8f75a62c132ef.js"],"/components/select/docs/Migration":["static/chunks/pages/components/select/docs/Migration-74c9a0b2d9db7b3c.js"],"/components/select/docs/React":[o,s5,"static/chunks/pages/components/select/docs/React-06671d315da76e50.js"],"/components/select/docs/Vue":[o,s7,"static/chunks/pages/components/select/docs/Vue-2d937b8349ddb88a.js"],"/components/select/how-to-use":[o,s,c,s6,s5,s8,s7,"static/chunks/pages/components/select/how-to-use-b3ccdd1ab4e664f7.js"],"/components/select/migration":[s,c,"static/chunks/pages/components/select/migration-819cc2e234c0af7a.js"],"/components/select/overview":[o,s,c,oS,oC,oz,oE,oB,oF,o_,oq,"static/chunks/pages/components/select/overview-65bc940d215e0bac.js"],"/components/select/properties":[s,c,"static/chunks/pages/components/select/properties-58b2a8619e8fd363.js"],"/components/tab":[o,s,c,oW,oP,oO,oD,oI,"static/chunks/pages/components/tab-7ff1af04b92f0e12.js"],"/components/tab/code/Behaviour":[o,oD,"static/chunks/pages/components/tab/code/Behaviour-77bc7ca0e73da922.js"],"/components/tab/code/Content":[o,oW,"static/chunks/pages/components/tab/code/Content-2e6318f7a4bc1f81.js"],"/components/tab/code/ContentAlignmentFullWidth":[o,oI,"static/chunks/pages/components/tab/code/ContentAlignmentFullWidth-b8a40d099efa453a.js"],"/components/tab/code/States":[o,oP,"static/chunks/pages/components/tab/code/States-cbb49a85c2823e76.js"],"/components/tab/code/Tonality":[o,oO,"static/chunks/pages/components/tab/code/Tonality-b3cc6bc8b0943fe1.js"],"/components/tab/docs/Angular":[o,s0,"static/chunks/pages/components/tab/docs/Angular-673e540f1cab1a9c.js"],"/components/tab/docs/HTML":[o,co,"static/chunks/pages/components/tab/docs/HTML-c1e63a168bc83ddd.js"],"/components/tab/docs/Migration":["static/chunks/pages/components/tab/docs/Migration-62f04303a9343cda.js"],"/components/tab/docs/React":[o,cs,"static/chunks/pages/components/tab/docs/React-138c32bf87af4daa.js"],"/components/tab/docs/Vue":[o,cc,"static/chunks/pages/components/tab/docs/Vue-1011589e232aa795.js"],"/components/tab/how-to-use":[o,s,c,co,cs,cc,s0,"static/chunks/pages/components/tab/how-to-use-f9fec5a92369ae1c.js"],"/components/tab/migration":[s,c,"static/chunks/pages/components/tab/migration-7d4def5bdcfe98f5.js"],"/components/tab/overview":[o,s,c,oW,oP,oO,oD,oI,"static/chunks/pages/components/tab/overview-8e14cf4bb5707c39.js"],"/components/tab/properties":[s,c,"static/chunks/pages/components/tab/properties-5668d049e493a57e.js"],"/components/tab-list/docs/Angular":[o,ce,"static/chunks/pages/components/tab-list/docs/Angular-9442f5a1b3dd3265.js"],"/components/tab-list/docs/HTML":[o,cn,"static/chunks/pages/components/tab-list/docs/HTML-43be5f20812eea0f.js"],"/components/tab-list/docs/Migration":["static/chunks/pages/components/tab-list/docs/Migration-96dbabbe94c58942.js"],"/components/tab-list/docs/React":[o,ct,"static/chunks/pages/components/tab-list/docs/React-219149aafadf1509.js"],"/components/tab-list/docs/Vue":[o,ca,"static/chunks/pages/components/tab-list/docs/Vue-339a3aa78098a118.js"],"/components/tab-list/how-to-use":[o,s,c,cn,ct,ca,ce,"static/chunks/pages/components/tab-list/how-to-use-4d5ef19391c47080.js"],"/components/tab-list/migration":[s,c,"static/chunks/pages/components/tab-list/migration-7887c7ea9e43e67a.js"],"/components/tab-list/properties":[s,c,"static/chunks/pages/components/tab-list/properties-cfb13d938e650618.js"],"/components/tab-panel/docs/Angular":[o,ci,"static/chunks/pages/components/tab-panel/docs/Angular-df765b67400cb140.js"],"/components/tab-panel/docs/HTML":[o,cp,"static/chunks/pages/components/tab-panel/docs/HTML-08428e8d1af3c8a6.js"],"/components/tab-panel/docs/Migration":["static/chunks/pages/components/tab-panel/docs/Migration-47840376f2b60695.js"],"/components/tab-panel/docs/React":[o,cd,"static/chunks/pages/components/tab-panel/docs/React-4c42f1c65a1821ba.js"],"/components/tab-panel/docs/Vue":[o,cm,"static/chunks/pages/components/tab-panel/docs/Vue-9fcf6396d28536a6.js"],"/components/tab-panel/how-to-use":[o,s,c,cp,cd,cm,ci,"static/chunks/pages/components/tab-panel/how-to-use-fceaf3cbc4588da4.js"],"/components/tab-panel/migration":[s,c,"static/chunks/pages/components/tab-panel/migration-31123319d5e1f906.js"],"/components/tab-panel/properties":[s,c,"static/chunks/pages/components/tab-panel/properties-fca492f934eae4bd.js"],"/components/tabs":[o,s,c,oG,oN,oU,oJ,oK,cr,"static/chunks/pages/components/tabs-74694aa8b19a03a4.js"],"/components/tabs/code/Examples":[o,oK,"static/chunks/pages/components/tabs/code/Examples-d3d6b7a8c6197a50.js"],"/components/tabs/code/Orientation":[o,oJ,"static/chunks/pages/components/tabs/code/Orientation-dc0a0a794ee73927.js"],"/components/tabs/code/Overflow":[o,oN,"static/chunks/pages/components/tabs/code/Overflow-45d88608a9aa5bbb.js"],"/components/tabs/code/Tonality":[o,oU,"static/chunks/pages/components/tabs/code/Tonality-5ee2d4759c78529a.js"],"/components/tabs/code/Width":[o,oG,"static/chunks/pages/components/tabs/code/Width-4660755f8d133a5b.js"],"/components/tabs/docs/Angular":[o,cu,"static/chunks/pages/components/tabs/docs/Angular-e4247c3b7f1f081d.js"],"/components/tabs/docs/HTML":[o,cb,"static/chunks/pages/components/tabs/docs/HTML-30b99a7fc9fe7d7f.js"],"/components/tabs/docs/Migration":["static/chunks/pages/components/tabs/docs/Migration-2f7053ec7c649f9d.js"],"/components/tabs/docs/React":[o,cg,"static/chunks/pages/components/tabs/docs/React-d47e6ee96817e7ab.js"],"/components/tabs/docs/Vue":[o,ch,"static/chunks/pages/components/tabs/docs/Vue-592883b68276d862.js"],"/components/tabs/how-to-use":[o,s,c,cb,cg,ch,cu,"static/chunks/pages/components/tabs/how-to-use-0d95afe5e8d81c7f.js"],"/components/tabs/migration":[s,c,"static/chunks/pages/components/tabs/migration-1b84b16836c4a335.js"],"/components/tabs/overview":[o,s,c,oG,oN,oU,oJ,oK,cr,"static/chunks/pages/components/tabs/overview-3541ae89effffe08.js"],"/components/tabs/properties":[s,c,"static/chunks/pages/components/tabs/properties-10233f40ee3b8896.js"],"/components/tag":[o,s,c,oQ,oX,oY,oZ,o$,o4,o9,o1,"static/chunks/pages/components/tag-000a28ac8712c55b.js"],"/components/tag/code/Behaviour":[o,oX,"static/chunks/pages/components/tag/code/Behaviour-d766143352f19e1d.js"],"/components/tag/code/Content":[o,o$,"static/chunks/pages/components/tag/code/Content-10dbea9bbd59353b.js"],"/components/tag/code/Emphasis":[o,o9,"static/chunks/pages/components/tag/code/Emphasis-d67124ef687bb314.js"],"/components/tag/code/Example":[o,oY,"static/chunks/pages/components/tag/code/Example-d5da871e88429a70.js"],"/components/tag/code/Overflow":[o,o1,"static/chunks/pages/components/tag/code/Overflow-bdd126a5a71056fc.js"],"/components/tag/code/State":[o,oZ,"static/chunks/pages/components/tag/code/State-4783945da841fc3c.js"],"/components/tag/code/Tonality":[o,o4,"static/chunks/pages/components/tag/code/Tonality-5e181bf181542e52.js"],"/components/tag/code/Variant":[o,oQ,"static/chunks/pages/components/tag/code/Variant-b0f53e42008e53f7.js"],"/components/tag/docs/Angular":[o,cf,"static/chunks/pages/components/tag/docs/Angular-a9646dd9954fd567.js"],"/components/tag/docs/HTML":[o,"static/chunks/pages/components/tag/docs/HTML-e67d28fc52367006.js"],"/components/tag/docs/Migration":[o,ck,"static/chunks/pages/components/tag/docs/Migration-04624495903a262f.js"],"/components/tag/docs/React":[o,cj,"static/chunks/pages/components/tag/docs/React-216bae7b1cc1f71c.js"],"/components/tag/docs/Vue":[o,cl,"static/chunks/pages/components/tag/docs/Vue-22938b8b96954bfb.js"],"/components/tag/how-to-use":[o,s,c,cj,cl,cf,"static/chunks/pages/components/tag/how-to-use-8321fe9f5940a31c.js"],"/components/tag/migration":[o,s,c,ck,"static/chunks/pages/components/tag/migration-36b64273c70efd42.js"],"/components/tag/overview":[o,s,c,oQ,oX,oY,oZ,o$,o4,o9,o1,"static/chunks/pages/components/tag/overview-8a84f64463aacb63.js"],"/components/tag/properties":[s,c,"static/chunks/pages/components/tag/properties-2e907cbaad8516e4.js"],"/components/textarea":[o,s,c,o3,o2,o6,o8,o5,o7,o0,so,"static/chunks/pages/components/textarea-e7080de357bd9ddb.js"],"/components/textarea/code/Requirement":[o,o8,"static/chunks/pages/components/textarea/code/Requirement-8a07747ca7f15e08.js"],"/components/textarea/code/Rows":[o,o7,"static/chunks/pages/components/textarea/code/Rows-a8fb1ae51f7d4e2c.js"],"/components/textarea/code/Semantic":[o,o3,"static/chunks/pages/components/textarea/code/Semantic-70d243e930f6fffc.js"],"/components/textarea/code/StatesFloatingLabel":[o,o2,"static/chunks/pages/components/textarea/code/StatesFloatingLabel-6ad519ebbc09e4f5.js"],"/components/textarea/code/StatesLabelAbove":[o,o6,"static/chunks/pages/components/textarea/code/StatesLabelAbove-7ce6203708af9a73.js"],"/components/textarea/code/Tonality":[o,o5,"static/chunks/pages/components/textarea/code/Tonality-99a0cd629d56a2de.js"],"/components/textarea/code/VariantHelperMessage":[o,so,"static/chunks/pages/components/textarea/code/VariantHelperMessage-52ee6c1f09cbda47.js"],"/components/textarea/code/VariantLabel":[o,o0,"static/chunks/pages/components/textarea/code/VariantLabel-0488bff257196054.js"],"/components/textarea/docs/Angular":[o,cv,"static/chunks/pages/components/textarea/docs/Angular-403cf396ac3f7ae7.js"],"/components/textarea/docs/HTML":[o,cw,"static/chunks/pages/components/textarea/docs/HTML-b4c624d0144999fd.js"],"/components/textarea/docs/Migration":["static/chunks/pages/components/textarea/docs/Migration-80f990bd82fc113c.js"],"/components/textarea/docs/React":[o,cM,"static/chunks/pages/components/textarea/docs/React-42a1668b7a6511c1.js"],"/components/textarea/docs/Vue":[o,cT,"static/chunks/pages/components/textarea/docs/Vue-c7d6617459a14a12.js"],"/components/textarea/how-to-use":[o,s,c,cv,cM,cT,cw,"static/chunks/pages/components/textarea/how-to-use-34aaa35ee2f6c1c6.js"],"/components/textarea/migration":[s,c,"static/chunks/pages/components/textarea/migration-acb2f03a505750cd.js"],"/components/textarea/overview":[o,s,c,o3,o2,o6,o8,o5,o7,o0,so,"static/chunks/pages/components/textarea/overview-c501c03b767ba492.js"],"/components/textarea/properties":[s,c,"static/chunks/pages/components/textarea/properties-1970fe54a612e34e.js"],"/components/tooltip":[o,s,c,ss,sc,se,sn,st,sa,"static/chunks/pages/components/tooltip-442b0e991e16235e.js"],"/components/tooltip/code/Animations":[o,sc,"static/chunks/pages/components/tooltip/code/Animations-7973c1e869a45eb2.js"],"/components/tooltip/code/Emphasis":[o,sa,"static/chunks/pages/components/tooltip/code/Emphasis-87942882032b6305.js"],"/components/tooltip/code/Placement":[o,ss,"static/chunks/pages/components/tooltip/code/Placement-8949d307155d90e8.js"],"/components/tooltip/code/Tonality":[o,se,"static/chunks/pages/components/tooltip/code/Tonality-b5c565ea7b4e1b84.js"],"/components/tooltip/code/Variant":[o,st,"static/chunks/pages/components/tooltip/code/Variant-01b1e3d68d065a54.js"],"/components/tooltip/code/Width":[o,sn,"static/chunks/pages/components/tooltip/code/Width-2c44d50908242e8e.js"],"/components/tooltip/docs/Angular":[o,cx,"static/chunks/pages/components/tooltip/docs/Angular-4bd55947eeb17bdf.js"],"/components/tooltip/docs/HTML":[o,"static/chunks/pages/components/tooltip/docs/HTML-18d5030539b74021.js"],"/components/tooltip/docs/Migration":["static/chunks/pages/components/tooltip/docs/Migration-41d359dcad20ea9e.js"],"/components/tooltip/docs/React":[o,cV,"static/chunks/pages/components/tooltip/docs/React-27337846bac30926.js"],"/components/tooltip/docs/Vue":[o,cL,"static/chunks/pages/components/tooltip/docs/Vue-97191c3a810ff114.js"],"/components/tooltip/how-to-use":[o,s,c,cx,cV,cL,"static/chunks/pages/components/tooltip/how-to-use-8392448fafeb51e6.js"],"/components/tooltip/migration":[s,c,"static/chunks/pages/components/tooltip/migration-a2a546c440337a39.js"],"/components/tooltip/overview":[o,s,c,ss,sc,se,sn,st,sa,"static/chunks/pages/components/tooltip/overview-59e60b1b41e82bf1.js"],"/components/tooltip/properties":[s,c,"static/chunks/pages/components/tooltip/properties-064166aff02fef10.js"],"/foundations/colors/color-schemes":[s,c,"static/chunks/pages/foundations/colors/color-schemes-1901a34b1f1b6c63.js"],"/foundations/colors/overview":[s,c,"static/chunks/pages/foundations/colors/overview-45c56f46877a7ef4.js"],"/foundations/colors/readme":[o,s,c,"static/chunks/pages/foundations/colors/readme-e413cd4bc9b9c3df.js"],"/foundations/font-sizes/overview":[s,c,"static/chunks/pages/foundations/font-sizes/overview-9d15d98a65b5f9cc.js"],"/foundations/font-sizes/readme":[o,s,c,"static/chunks/pages/foundations/font-sizes/readme-569ab2f37654fb46.js"],"/foundations/icons/custom-icons":[o,s,c,"static/chunks/pages/foundations/icons/custom-icons-f877a094456dfc22.js"],"/foundations/icons/overview":[s,c,"static/chunks/pages/foundations/icons/overview-ed6c129e74aaba72.js"],"/foundations/icons/readme":[s,c,"static/chunks/pages/foundations/icons/readme-a2f7c645bdb2983a.js"],"/foundations/readme":[o,s,c,"static/chunks/pages/foundations/readme-ef4f7d4e2828da65.js"],"/foundations/tonalities/examples":[s,c,"static/chunks/pages/foundations/tonalities/examples-717e450b5f20c4da.js"],"/foundations/tonalities/readme":[o,s,c,"static/chunks/pages/foundations/tonalities/readme-6f7ff154b70dd367.js"],"/foundations/variables/examples":[s,c,"static/chunks/pages/foundations/variables/examples-bbfd60b47e32e25e.js"],"/foundations/variables/readme":[s,c,"static/chunks/pages/foundations/variables/readme-18e50342bc89357d.js"],"/iframe":[si,"static/chunks/pages/iframe-9b3efe70c49bee62.js"],sortedPages:["/","/404","/_app","/_error","/base64","/components/accordion","/components/accordion/code/Behaviour","/components/accordion/code/Tonality","/components/accordion/docs/Angular","/components/accordion/docs/HTML","/components/accordion/docs/Migration","/components/accordion/docs/React","/components/accordion/docs/Vue","/components/accordion/how-to-use","/components/accordion/migration","/components/accordion/overview","/components/accordion/properties","/components/accordion-item","/components/accordion-item/code/States","/components/accordion-item/code/Tonality","/components/accordion-item/docs/Angular","/components/accordion-item/docs/HTML","/components/accordion-item/docs/Migration","/components/accordion-item/docs/React","/components/accordion-item/docs/Vue","/components/accordion-item/how-to-use","/components/accordion-item/migration","/components/accordion-item/overview","/components/accordion-item/properties","/components/alert","/components/alert/code/Behaviour","/components/alert/code/Content","/components/alert/code/Tonality","/components/alert/code/Type","/components/alert/code/Variant","/components/alert/docs/Angular","/components/alert/docs/HTML","/components/alert/docs/Migration","/components/alert/docs/React","/components/alert/docs/Vue","/components/alert/how-to-use","/components/alert/migration","/components/alert/overview","/components/alert/properties","/components/badge","/components/badge/code/Content","/components/badge/code/Emphasis","/components/badge/code/Examples","/components/badge/code/Placement","/components/badge/code/Size","/components/badge/code/Tonality","/components/badge/code/Variant","/components/badge/docs/Angular","/components/badge/docs/HTML","/components/badge/docs/Migration","/components/badge/docs/React","/components/badge/docs/Vue","/components/badge/how-to-use","/components/badge/migration","/components/badge/overview","/components/badge/properties","/components/brand","/components/brand/code/Tonality","/components/brand/docs/Angular","/components/brand/docs/HTML","/components/brand/docs/React","/components/brand/docs/Vue","/components/brand/how-to-use","/components/brand/migration","/components/brand/overview","/components/brand/properties","/components/button","/components/button/code/Behaviour","/components/button/code/Content","/components/button/code/Size","/components/button/code/State","/components/button/code/Tonality","/components/button/code/Variant","/components/button/docs/Angular","/components/button/docs/HTML","/components/button/docs/Migration","/components/button/docs/React","/components/button/docs/Vue","/components/button/how-to-use","/components/button/migration","/components/button/overview","/components/button/properties","/components/card","/components/card/code/ColorVariant","/components/card/code/Spacing","/components/card/code/Tonality","/components/card/code/Variant","/components/card/docs/Angular","/components/card/docs/HTML","/components/card/docs/Migration","/components/card/docs/React","/components/card/docs/Vue","/components/card/how-to-use","/components/card/migration","/components/card/overview","/components/card/properties","/components/checkbox","/components/checkbox/code/Requirement","/components/checkbox/code/Size","/components/checkbox/code/States","/components/checkbox/code/Tonality","/components/checkbox/code/VariantLabel","/components/checkbox/docs/Angular","/components/checkbox/docs/HTML","/components/checkbox/docs/Migration","/components/checkbox/docs/React","/components/checkbox/docs/Vue","/components/checkbox/how-to-use","/components/checkbox/migration","/components/checkbox/overview","/components/checkbox/properties","/components/code-docs/docs/Angular","/components/code-docs/docs/HTML","/components/code-docs/docs/React","/components/code-docs/docs/Vue","/components/code-docs/how-to-use","/components/code-docs/migration","/components/code-docs/properties","/components/divider","/components/divider/code/Emphasis","/components/divider/code/Tonality","/components/divider/code/Variant","/components/divider/docs/Angular","/components/divider/docs/HTML","/components/divider/docs/Migration","/components/divider/docs/React","/components/divider/docs/Vue","/components/divider/how-to-use","/components/divider/migration","/components/divider/overview","/components/divider/properties","/components/drawer","/components/drawer/code/Backdrop","/components/drawer/code/Directions","/components/drawer/code/Rounded","/components/drawer/code/Size","/components/drawer/code/Spacing","/components/drawer/code/Tonality","/components/drawer/docs/Angular","/components/drawer/docs/HTML","/components/drawer/docs/Migration","/components/drawer/docs/React","/components/drawer/docs/Vue","/components/drawer/how-to-use","/components/drawer/migration","/components/drawer/overview","/components/drawer/properties","/components/header","/components/header/code/Behaviour","/components/header/code/Tonality","/components/header/docs/Angular","/components/header/docs/HTML","/components/header/docs/Migration","/components/header/docs/React","/components/header/docs/Vue","/components/header/how-to-use","/components/header/migration","/components/header/overview","/components/header/properties","/components/icon","/components/icon/code/Tonality","/components/icon/docs/Angular","/components/icon/docs/HTML","/components/icon/docs/Migration","/components/icon/docs/React","/components/icon/docs/Vue","/components/icon/how-to-use","/components/icon/migration","/components/icon/overview","/components/icon/properties","/components/infotext","/components/infotext/code/Size","/components/infotext/code/Tonality","/components/infotext/code/Variant","/components/infotext/docs/Angular","/components/infotext/docs/HTML","/components/infotext/docs/Migration","/components/infotext/docs/React","/components/infotext/docs/Vue","/components/infotext/how-to-use","/components/infotext/migration","/components/infotext/overview","/components/infotext/properties","/components/input","/components/input/code/Content","/components/input/code/ExampleTypes","/components/input/code/ExampleTypesFloatingLabel","/components/input/code/Requirement","/components/input/code/Semantic","/components/input/code/StatesFloatingLabel","/components/input/code/StatesLabelAbove","/components/input/code/Tonality","/components/input/code/VariantHelperMessage","/components/input/code/VariantLabel","/components/input/docs/Angular","/components/input/docs/HTML","/components/input/docs/Migration","/components/input/docs/React","/components/input/docs/Vue","/components/input/how-to-use","/components/input/migration","/components/input/overview","/components/input/properties","/components/link","/components/link/code/Content","/components/link/code/Size","/components/link/code/State","/components/link/code/Tonality","/components/link/code/Variant","/components/link/docs/Angular","/components/link/docs/HTML","/components/link/docs/Migration","/components/link/docs/React","/components/link/docs/Vue","/components/link/how-to-use","/components/link/migration","/components/link/overview","/components/link/properties","/components/main-navigation","/components/main-navigation/code/Tonality","/components/main-navigation/docs/Angular","/components/main-navigation/docs/HTML","/components/main-navigation/docs/Migration","/components/main-navigation/docs/React","/components/main-navigation/docs/Vue","/components/main-navigation/how-to-use","/components/main-navigation/migration","/components/main-navigation/overview","/components/main-navigation/properties","/components/navigation-item","/components/navigation-item/code/Content","/components/navigation-item/code/States","/components/navigation-item/code/Tonality","/components/navigation-item/code/Width","/components/navigation-item/docs/Angular","/components/navigation-item/docs/HTML","/components/navigation-item/docs/Migration","/components/navigation-item/docs/React","/components/navigation-item/docs/Vue","/components/navigation-item/how-to-use","/components/navigation-item/migration","/components/navigation-item/overview","/components/navigation-item/properties","/components/page","/components/page/code/Tonality","/components/page/docs/Angular","/components/page/docs/HTML","/components/page/docs/Migration","/components/page/docs/React","/components/page/docs/Vue","/components/page/how-to-use","/components/page/migration","/components/page/overview","/components/page/properties","/components/popover","/components/popover/code/Animations","/components/popover/code/Gap","/components/popover/code/Placement","/components/popover/code/Spacing","/components/popover/code/Tonality","/components/popover/code/Width","/components/popover/docs/Angular","/components/popover/docs/HTML","/components/popover/docs/Migration","/components/popover/docs/React","/components/popover/docs/Vue","/components/popover/how-to-use","/components/popover/migration","/components/popover/overview","/components/popover/properties","/components/radio","/components/radio/code/Requirement","/components/radio/code/Size","/components/radio/code/States","/components/radio/code/Tonality","/components/radio/code/VariantLabel","/components/radio/docs/Angular","/components/radio/docs/HTML","/components/radio/docs/Migration","/components/radio/docs/React","/components/radio/docs/Vue","/components/radio/how-to-use","/components/radio/migration","/components/radio/overview","/components/radio/properties","/components/readme","/components/section","/components/section/code/Size","/components/section/code/Tonality","/components/section/code/Variant","/components/section/docs/Angular","/components/section/docs/HTML","/components/section/docs/Migration","/components/section/docs/React","/components/section/docs/Vue","/components/section/how-to-use","/components/section/migration","/components/section/overview","/components/section/properties","/components/select","/components/select/code/Content","/components/select/code/Requirement","/components/select/code/Semantic","/components/select/code/StatesFloatingLabel","/components/select/code/StatesLabelAbove","/components/select/code/Tonality","/components/select/code/VariantHelperMessage","/components/select/code/VariantLabel","/components/select/docs/Angular","/components/select/docs/HTML","/components/select/docs/Migration","/components/select/docs/React","/components/select/docs/Vue","/components/select/how-to-use","/components/select/migration","/components/select/overview","/components/select/properties","/components/tab","/components/tab/code/Behaviour","/components/tab/code/Content","/components/tab/code/ContentAlignmentFullWidth","/components/tab/code/States","/components/tab/code/Tonality","/components/tab/docs/Angular","/components/tab/docs/HTML","/components/tab/docs/Migration","/components/tab/docs/React","/components/tab/docs/Vue","/components/tab/how-to-use","/components/tab/migration","/components/tab/overview","/components/tab/properties","/components/tab-list/docs/Angular","/components/tab-list/docs/HTML","/components/tab-list/docs/Migration","/components/tab-list/docs/React","/components/tab-list/docs/Vue","/components/tab-list/how-to-use","/components/tab-list/migration","/components/tab-list/properties","/components/tab-panel/docs/Angular","/components/tab-panel/docs/HTML","/components/tab-panel/docs/Migration","/components/tab-panel/docs/React","/components/tab-panel/docs/Vue","/components/tab-panel/how-to-use","/components/tab-panel/migration","/components/tab-panel/properties","/components/tabs","/components/tabs/code/Examples","/components/tabs/code/Orientation","/components/tabs/code/Overflow","/components/tabs/code/Tonality","/components/tabs/code/Width","/components/tabs/docs/Angular","/components/tabs/docs/HTML","/components/tabs/docs/Migration","/components/tabs/docs/React","/components/tabs/docs/Vue","/components/tabs/how-to-use","/components/tabs/migration","/components/tabs/overview","/components/tabs/properties","/components/tag","/components/tag/code/Behaviour","/components/tag/code/Content","/components/tag/code/Emphasis","/components/tag/code/Example","/components/tag/code/Overflow","/components/tag/code/State","/components/tag/code/Tonality","/components/tag/code/Variant","/components/tag/docs/Angular","/components/tag/docs/HTML","/components/tag/docs/Migration","/components/tag/docs/React","/components/tag/docs/Vue","/components/tag/how-to-use","/components/tag/migration","/components/tag/overview","/components/tag/properties","/components/textarea","/components/textarea/code/Requirement","/components/textarea/code/Rows","/components/textarea/code/Semantic","/components/textarea/code/StatesFloatingLabel","/components/textarea/code/StatesLabelAbove","/components/textarea/code/Tonality","/components/textarea/code/VariantHelperMessage","/components/textarea/code/VariantLabel","/components/textarea/docs/Angular","/components/textarea/docs/HTML","/components/textarea/docs/Migration","/components/textarea/docs/React","/components/textarea/docs/Vue","/components/textarea/how-to-use","/components/textarea/migration","/components/textarea/overview","/components/textarea/properties","/components/tooltip","/components/tooltip/code/Animations","/components/tooltip/code/Emphasis","/components/tooltip/code/Placement","/components/tooltip/code/Tonality","/components/tooltip/code/Variant","/components/tooltip/code/Width","/components/tooltip/docs/Angular","/components/tooltip/docs/HTML","/components/tooltip/docs/Migration","/components/tooltip/docs/React","/components/tooltip/docs/Vue","/components/tooltip/how-to-use","/components/tooltip/migration","/components/tooltip/overview","/components/tooltip/properties","/foundations/colors/color-schemes","/foundations/colors/overview","/foundations/colors/readme","/foundations/font-sizes/overview","/foundations/font-sizes/readme","/foundations/icons/custom-icons","/foundations/icons/overview","/foundations/icons/readme","/foundations/readme","/foundations/tonalities/examples","/foundations/tonalities/readme","/foundations/variables/examples","/foundations/variables/readme","/iframe"]}}("static/chunks/65a8b803-fdcb0e7e5672dc8e.js","static/chunks/64037-904b295221eec922.js","static/chunks/23075-0c6f84e356c29cc7.js","static/chunks/62326-c4008501c0b2ac33.js","static/chunks/70798-9e1c1f0ed94a5159.js","static/chunks/8053-8dc811ad926e7859.js","static/chunks/43121-936cdf87b8daddd2.js","static/chunks/34316-1dec5fb6eea03c9d.js","static/chunks/60893-27ac1d5adfc4c500.js","static/chunks/25644-310c38f4e46b3119.js","static/chunks/84123-951923cbc5e9d13c.js","static/chunks/73095-2a755c4228310a56.js","static/chunks/88424-56452794e5a1d49c.js","static/chunks/11694-f8eb04b3e7cc6bb8.js","static/chunks/89829-4742b49d95a834bc.js","static/chunks/35291-273f49fd7b7f3d84.js","static/chunks/6897-5268b4ce56cb05d9.js","static/chunks/762-458f626e96017c5e.js","static/chunks/4339-bd7b10a6fd62d41c.js","static/chunks/20767-2a23d29b51a86f2d.js","static/chunks/71047-14680abf6473397a.js","static/chunks/91584-028c7b24600aabb1.js","static/chunks/11453-2ee77170c8e1c2e1.js","static/chunks/54192-9bf0d80326ed9e03.js","static/chunks/52353-07bb6da47d760d2b.js","static/chunks/4547-78a53516a67a88a9.js","static/chunks/13971-b4a4943f6c1813ad.js","static/chunks/8819-43f4b2878728dcac.js","static/chunks/78571-2422624a9f386e7b.js","static/chunks/66042-ec78f0a14d98b397.js","static/chunks/44507-5e69790006b04d06.js","static/chunks/39199-2f82d4c5db040fc1.js","static/chunks/7465-e1c79ea18e587c32.js","static/chunks/27322-1a48699e7611ab43.js","static/chunks/99065-f5ee7b340eb80753.js","static/chunks/64339-590e897bb5958749.js","static/chunks/92738-0464af4e74ea3b0f.js","static/chunks/810-d450f668af4bcbe6.js","static/chunks/82537-43c7c50c4657b10b.js","static/chunks/54310-48ba1f1576a65389.js","static/chunks/51189-ad32a9613999ab65.js","static/chunks/48754-f5dd801f36b4f721.js","static/chunks/8807-62f5b0771b00c72e.js","static/chunks/25027-415b59f66612277a.js","static/chunks/21224-da80d0d9d36f9423.js","static/chunks/99854-f19a7ee759634946.js","static/chunks/47663-9231d2472267b080.js","static/chunks/58232-08a905e452390c89.js","static/chunks/67677-412ceb2d0dc6910e.js","static/chunks/29663-d0c38503d1a6b9df.js","static/chunks/6946-67ceb77e0480d4cc.js","static/chunks/84401-7881b1c75704f00f.js","static/chunks/22235-dd10329f9b03ba2b.js","static/chunks/24134-0621395468b772cd.js","static/chunks/41693-b31c3d616dd6c4e0.js","static/chunks/82492-40476693c7c94f47.js","static/chunks/81984-f595759a52be71f8.js","static/chunks/80095-b0d3c27ddd2c5ca0.js","static/chunks/46132-75d2ab46837110d0.js","static/chunks/61914-20d503e5b6f867b0.js","static/chunks/90976-143d36229e4e5b5d.js","static/chunks/23756-c4537b0f89676c9e.js","static/chunks/58629-3f5db3345605dbc0.js","static/chunks/84271-a3d20c67ba8e5787.js","static/chunks/57277-624719dd5c9786a8.js","static/chunks/9597-91dd21587e57b630.js","static/chunks/24882-224f1c5c77c7cd58.js","static/chunks/2189-7d543d300a531993.js","static/chunks/9803-514e49d29a723691.js","static/chunks/16592-50ea5fd5a4e05f36.js","static/chunks/64258-624443c337c8f2a3.js","static/chunks/62275-c432fdf6f225f2ee.js","static/chunks/45712-03bf49c2aa4198fa.js","static/chunks/24475-36fbf529a83ecfd1.js","static/chunks/22440-e3afbf7ee3901aef.js","static/chunks/44891-c8ca6cdb08ca844d.js","static/chunks/69223-ce63e955028c3304.js","static/chunks/11896-5b9f7aa94fbdc2ac.js","static/chunks/1214-0f6cef1c41347a8f.js","static/chunks/62126-50cc98f7b88f17c6.js","static/chunks/66931-6c3b049bb565fb60.js","static/chunks/55595-eedeafe04e4bdac5.js","static/chunks/83662-a1191ba13e5c9038.js","static/chunks/27561-456fec506a9e2a2b.js","static/chunks/76402-7ae8e95b25ffb1d1.js","static/chunks/14033-851ac6323ab333a6.js","static/chunks/94361-26eae2bffa4427e2.js","static/chunks/87055-36d335d6d1295258.js","static/chunks/90100-33cb7df4b423eec3.js","static/chunks/91599-e1a50523ecec652c.js","static/chunks/58234-e32b065f7bc26957.js","static/chunks/42038-db8a817e151015c3.js","static/chunks/58565-f77724c19a41fc4e.js","static/chunks/72250-d5d2d541d2514db8.js","static/chunks/26250-755402ef7ebaea39.js","static/chunks/64960-731e79fa5e262626.js","static/chunks/32258-bc189dcef7fe2649.js","static/chunks/29307-99e6a7277e2de3d7.js","static/chunks/79774-a325009ff3c7a537.js","static/chunks/75205-e7183afa361820b8.js","static/chunks/62790-9d4512643fa40631.js","static/chunks/8798-ea1bc61f4e4c6f01.js","static/chunks/96245-f920e22867bb01a5.js","static/chunks/85642-85d9d429fc3767a2.js","static/chunks/64355-a8de9c51a574ffa2.js","static/chunks/33329-28e99cd08ed1814e.js","static/chunks/94266-a93022a94997c567.js","static/chunks/67064-9c12a6c2f621dd6f.js","static/chunks/21519-e1dfea496d6edc2d.js","static/chunks/44736-8f7ce832192f040d.js","static/chunks/95591-92ed8276349514e1.js","static/chunks/74600-a2b8937877d36b04.js","static/chunks/91596-d1a8572007b0de7b.js","static/chunks/46962-7f66c378d8389ed5.js","static/chunks/27398-00854085e22cc98d.js","static/chunks/53691-86b8a1336371f473.js","static/chunks/65708-939cec2a1ef619d1.js","static/chunks/74774-058e912df069da1a.js","static/chunks/79219-1ad90abee81f2931.js","static/chunks/8917-f7db45cabe2ceb35.js","static/chunks/88712-60393031a934e0cf.js","static/chunks/95976-45638bc334b403e1.js","static/chunks/28248-b3dbcfb293842fdb.js","static/chunks/4620-c90c75af679188c3.js","static/chunks/44598-5bead8c6bdbb71b8.js","static/chunks/48834-c827d6909fe9d35a.js","static/chunks/9151-05f339d3e90dce42.js","static/chunks/43890-df06fa50298442fa.js","static/chunks/34353-ef2674bed16be3c4.js","static/chunks/89631-1923b263eec5e92c.js","static/chunks/35405-c710495c68443830.js","static/chunks/55352-3d30b259e02552a1.js","static/chunks/48894-7fca3031c0c7f9df.js","static/chunks/83495-0857f81278a1b33d.js","static/chunks/11708-890b3ee205e6b5b4.js","static/chunks/16467-ea20b570996c2f35.js","static/chunks/54368-d62faccda78823f9.js","static/chunks/20516-009df6628bd7d520.js","static/chunks/71940-475b2bcf317441f7.js","static/chunks/31453-32128fb5215b4f15.js","static/chunks/88664-a2159ca6f31a6330.js","static/chunks/52023-f64c8b120a32edec.js","static/chunks/93066-16a3c8507d056017.js","static/chunks/40819-84082cf7a0b85eb3.js","static/chunks/699-6f9b15864dc2e04b.js","static/chunks/2461-5d01f2edf5edf0ac.js","static/chunks/57838-e1ae7bcfcf8b4f3f.js","static/chunks/19204-0aa964d25329d95c.js","static/chunks/61248-fd3294f40e917159.js","static/chunks/90238-45f7f40bf8e8bef3.js","static/chunks/84022-9b35bb3df4db77d8.js","static/chunks/10788-0afc298e68d1d723.js","static/chunks/59146-f9b9f35d492c659b.js","static/chunks/10996-0e21e9054b3485a9.js","static/chunks/46838-f3c8dfec9e4fcc99.js","static/chunks/66784-d0b8f89e0ba55cf5.js","static/chunks/41328-3bd6c2c7587eacbb.js","static/chunks/9212-872a44c9f9bb4d6b.js","static/chunks/11665-92b9dbce0271489e.js","static/chunks/43609-fb4eb1b3c983ca74.js","static/chunks/85933-555d94929bd5bef5.js","static/chunks/22686-0a49c49902212eef.js","static/chunks/64737-2a5ca42b4161855a.js","static/chunks/43080-0228a8fa87155772.js","static/chunks/5628-fefe78036e9add14.js","static/chunks/50551-d9aad058dc898e82.js","static/chunks/17966-8b431843dc5320b1.js","static/chunks/60973-f37abdb0045a7b41.js","static/chunks/87523-13d0962ad456ee2b.js","static/chunks/52584-523b48216de37db6.js","static/chunks/60380-0ea7c1e09bddf080.js","static/chunks/90798-83e00a68f864331a.js","static/chunks/72111-a39b3d571aca436b.js","static/chunks/3591-7348a34f30493180.js","static/chunks/19126-437b7d14504831e7.js","static/chunks/19711-9d8098bc87692791.js","static/chunks/64968-d8a813405f529542.js","static/chunks/97879-6cd827d796529214.js","static/chunks/93932-7d4c868b5884c68a.js","static/chunks/67493-cd2c0e667254ee7f.js","static/chunks/78095-bf767d38797db0c3.js","static/chunks/19608-b7ed8667934dec43.js","static/chunks/45152-84dea6b3d5591359.js","static/chunks/91961-c5b5d33593bac5d4.js","static/chunks/62194-1cbf94f565ffd9e0.js","static/chunks/84815-899480b1d49aea01.js","static/chunks/63736-9f907d0e20103ccf.js","static/chunks/13524-e38e4fe0fbb5a87c.js","static/chunks/81787-a2f83c23958d90c6.js","static/chunks/29521-e1090041384ae2cc.js","static/chunks/17817-e8966b5daf55cb2c.js","static/chunks/4358-fda1dc6633f048b2.js","static/chunks/63350-f3821bbb6147eac8.js","static/chunks/54817-a30e0f09b58a9909.js","static/chunks/18210-308701a5ba5f3be3.js","static/chunks/29544-49c88cec6e1b704b.js","static/chunks/370-5ea64bc14641a77f.js","static/chunks/15098-b18692c734eeefaa.js","static/chunks/3378-2ae90a8a1051d9dd.js","static/chunks/37070-b8348f8823f4be43.js","static/chunks/79011-83a71587b94117dc.js","static/chunks/98587-e83c37d58b805fdc.js","static/chunks/67726-23dddb0499bca937.js","static/chunks/77935-ca229864bdc06e5b.js","static/chunks/74900-127bff4b9dd73d8b.js","static/chunks/8687-a6fcc699e6a07935.js","static/chunks/83284-8edd75e745a2fbf7.js","static/chunks/93637-fbbed4dbe395875e.js","static/chunks/51636-c0427344f5160736.js"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB(); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/HDwWEjhTOH53FQ4YzEiRt/_ssgManifest.js b/version/v0.0.66/_next/static/HDwWEjhTOH53FQ4YzEiRt/_ssgManifest.js deleted file mode 100644 index 0511aa895e5..00000000000 --- a/version/v0.0.66/_next/static/HDwWEjhTOH53FQ4YzEiRt/_ssgManifest.js +++ /dev/null @@ -1 +0,0 @@ -self.__SSG_MANIFEST=new Set,self.__SSG_MANIFEST_CB&&self.__SSG_MANIFEST_CB(); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/10788-0afc298e68d1d723.js b/version/v0.0.66/_next/static/chunks/10788-0afc298e68d1d723.js deleted file mode 100644 index 7609656cb74..00000000000 --- a/version/v0.0.66/_next/static/chunks/10788-0afc298e68d1d723.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10788],{10788:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBIcon ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBIcon",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/10996-0e21e9054b3485a9.js b/version/v0.0.66/_next/static/chunks/10996-0e21e9054b3485a9.js deleted file mode 100644 index 34ce04c28ce..00000000000 --- a/version/v0.0.66/_next/static/chunks/10996-0e21e9054b3485a9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[10996],{10996:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return E}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={blockquote:"blockquote",code:"code",h2:"h2",p:"p",...(0,s.a)(),...o.components};return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["Load SCSS globally within ",(0,n.jsx)(t.code,{children:"styles.scss"})," in your app:"]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@forward ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42-rollup",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["Load component within ",(0,n.jsx)(t.code,{children:"app.component.ts"}),":"]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInput ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" // ...,",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" DBInput",props:{style:{color:"#D08770"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Use component in template:"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Description",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" (change)",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"onInputChange()",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,n.jsx)(t.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with reactive Forms:"}),"\n",(0,n.jsxs)(t.blockquote,{children:["\n",(0,n.jsx)(t.p,{children:"Currently we do not support onTouch/touched and native validation via FormControl. If your interested in contributing, you're very welcome ;)"}),"\n"]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"ReactiveFormsModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@angular/forms",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" // ...,",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ReactiveFormsModule",props:{style:{color:"#D08770"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"

",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:"

",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"input's value",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:' {{ form.get("input")?.value ? form.get("input")?.value : "No Input set"',props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }}",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" form ",props:{style:{color:"#D8DEE9FF"}}},{content:"= new ",props:{style:{color:"#81A1C1"}}},{content:"FormGroup",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" input",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"new ",props:{style:{color:"#81A1C1"}}},{content:"FormControl",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled with formControl",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" onFormSubmit",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"form",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"typescript"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template driven Forms"}),"\n",(0,n.jsx)(t.p,{children:"Third party controls require a ControlValueAccessor to function with angular forms.\nOur input component implements this interface so you can use it like any other native element with ngModel:"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"FormsModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@angular/forms",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" // ...,",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" FormsModule",props:{style:{color:"#D08770"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ngDefaultControl",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" [(ngModel)]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"input",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Textinput",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"Description",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"button",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"(click)",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"showValues()",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}},{content:"Get input value",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"

",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:"

",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:"input's value",props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}},{content:'{{ input ? input : "No Input set" }}',props:{style:{color:"#D8DEE9FF"}}},{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" input ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" showValues",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"input",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"input ",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"typescript"},annotations:[]}]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/11453-2ee77170c8e1c2e1.js b/version/v0.0.66/_next/static/chunks/11453-2ee77170c8e1c2e1.js deleted file mode 100644 index b20aea7ffd7..00000000000 --- a/version/v0.0.66/_next/static/chunks/11453-2ee77170c8e1c2e1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11453],{11453:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/11665-92b9dbce0271489e.js b/version/v0.0.66/_next/static/chunks/11665-92b9dbce0271489e.js deleted file mode 100644 index 9703c898968..00000000000 --- a/version/v0.0.66/_next/static/chunks/11665-92b9dbce0271489e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11665],{11665:function(o,t,n){n.r(t),n.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});var e=n(52322),r=n(45392),c=n(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,e.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBMainNavigation ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBMainNavigation",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,e.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Navi-Item 1 ",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/11694-f8eb04b3e7cc6bb8.js b/version/v0.0.66/_next/static/chunks/11694-f8eb04b3e7cc6bb8.js deleted file mode 100644 index 2c6ac195150..00000000000 --- a/version/v0.0.66/_next/static/chunks/11694-f8eb04b3e7cc6bb8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11694],{11694:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Inline (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-top-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Top - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-center-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Center - Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"corner-bottom-right",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Corner - Bottom- Right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/11708-890b3ee205e6b5b4.js b/version/v0.0.66/_next/static/chunks/11708-890b3ee205e6b5b4.js deleted file mode 100644 index 8b36e195590..00000000000 --- a/version/v0.0.66/_next/static/chunks/11708-890b3ee205e6b5b4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11708],{11708:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/11896-5b9f7aa94fbdc2ac.js b/version/v0.0.66/_next/static/chunks/11896-5b9f7aa94fbdc2ac.js deleted file mode 100644 index 3014b070d63..00000000000 --- a/version/v0.0.66/_next/static/chunks/11896-5b9f7aa94fbdc2ac.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[11896],{11896:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/1214-0f6cef1c41347a8f.js b/version/v0.0.66/_next/static/chunks/1214-0f6cef1c41347a8f.js deleted file mode 100644 index b3be8d7a8ec..00000000000 --- a/version/v0.0.66/_next/static/chunks/1214-0f6cef1c41347a8f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1214],{1214:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return E}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :invalid="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :invalid="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :checked="true">Required - Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :checked="true">Required - Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/13524-e38e4fe0fbb5a87c.js b/version/v0.0.66/_next/static/chunks/13524-e38e4fe0fbb5a87c.js deleted file mode 100644 index d0f62852778..00000000000 --- a/version/v0.0.66/_next/static/chunks/13524-e38e4fe0fbb5a87c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13524],{13524:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/13971-b4a4943f6c1813ad.js b/version/v0.0.66/_next/static/chunks/13971-b4a4943f6c1813ad.js deleted file mode 100644 index 0ab063645e8..00000000000 --- a/version/v0.0.66/_next/static/chunks/13971-b4a4943f6c1813ad.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[13971],{13971:function(o,t,n){n.r(t),n.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return a}});var e=n(52322),s=n(45392),r=n(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"adaptive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"adaptive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"adaptive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"adaptive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"brand",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"brand",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"brand",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"brand",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" brand",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard colorVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/14033-851ac6323ab333a6.js b/version/v0.0.66/_next/static/chunks/14033-851ac6323ab333a6.js deleted file mode 100644 index baced3fbf4c..00000000000 --- a/version/v0.0.66/_next/static/chunks/14033-851ac6323ab333a6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[14033],{14033:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/15098-b18692c734eeefaa.js b/version/v0.0.66/_next/static/chunks/15098-b18692c734eeefaa.js deleted file mode 100644 index ae7b581b2dc..00000000000 --- a/version/v0.0.66/_next/static/chunks/15098-b18692c734eeefaa.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[15098],{15098:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/16467-ea20b570996c2f35.js b/version/v0.0.66/_next/static/chunks/16467-ea20b570996c2f35.js deleted file mode 100644 index 4a097b56412..00000000000 --- a/version/v0.0.66/_next/static/chunks/16467-ea20b570996c2f35.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16467],{16467:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadge ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBadge",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Badge",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/16592-50ea5fd5a4e05f36.js b/version/v0.0.66/_next/static/chunks/16592-50ea5fd5a4e05f36.js deleted file mode 100644 index 82b8f57396f..00000000000 --- a/version/v0.0.66/_next/static/chunks/16592-50ea5fd5a4e05f36.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[16592],{16592:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Auto (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Full',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/17817-e8966b5daf55cb2c.js b/version/v0.0.66/_next/static/chunks/17817-e8966b5daf55cb2c.js deleted file mode 100644 index e1e6f4af60b..00000000000 --- a/version/v0.0.66/_next/static/chunks/17817-e8966b5daf55cb2c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17817],{17817:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,s.a)(),...o.components};return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/17966-8b431843dc5320b1.js b/version/v0.0.66/_next/static/chunks/17966-8b431843dc5320b1.js deleted file mode 100644 index a3c3c225e8c..00000000000 --- a/version/v0.0.66/_next/static/chunks/17966-8b431843dc5320b1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[17966],{17966:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBPage",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" // ...,",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" DBPage",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader",props:{style:{color:"#D08770"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Main Page",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/18210-308701a5ba5f3be3.js b/version/v0.0.66/_next/static/chunks/18210-308701a5ba5f3be3.js deleted file mode 100644 index 46c8329ecfa..00000000000 --- a/version/v0.0.66/_next/static/chunks/18210-308701a5ba5f3be3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[18210],{18210:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(t.p,{children:"You can't use the component standalone!"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D08770"}}},{content:": ",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/19126-437b7d14504831e7.js b/version/v0.0.66/_next/static/chunks/19126-437b7d14504831e7.js deleted file mode 100644 index 1674796da90..00000000000 --- a/version/v0.0.66/_next/static/chunks/19126-437b7d14504831e7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19126],{19126:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBRadio ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
      ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" {",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"X",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Y",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Z",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"map",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio-group",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setRadio",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Radio ",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#81A1C1"}}},{content:"radioName",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ))",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/19204-0aa964d25329d95c.js b/version/v0.0.66/_next/static/chunks/19204-0aa964d25329d95c.js deleted file mode 100644 index bfd40862ad0..00000000000 --- a/version/v0.0.66/_next/static/chunks/19204-0aa964d25329d95c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19204],{19204:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"general",children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/19608-b7ed8667934dec43.js b/version/v0.0.66/_next/static/chunks/19608-b7ed8667934dec43.js deleted file mode 100644 index 9d68925ee3b..00000000000 --- a/version/v0.0.66/_next/static/chunks/19608-b7ed8667934dec43.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19608],{19608:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(t.p,{children:"You can't use the component standalone!"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D08770"}}},{content:": ",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/19711-9d8098bc87692791.js b/version/v0.0.66/_next/static/chunks/19711-9d8098bc87692791.js deleted file mode 100644 index 6a6a7d9f654..00000000000 --- a/version/v0.0.66/_next/static/chunks/19711-9d8098bc87692791.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[19711],{19711:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/20516-009df6628bd7d520.js b/version/v0.0.66/_next/static/chunks/20516-009df6628bd7d520.js deleted file mode 100644 index 9e6d20a46fc..00000000000 --- a/version/v0.0.66/_next/static/chunks/20516-009df6628bd7d520.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20516],{20516:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/20767-2a23d29b51a86f2d.js b/version/v0.0.66/_next/static/chunks/20767-2a23d29b51a86f2d.js deleted file mode 100644 index feb8e3c1a41..00000000000 --- a/version/v0.0.66/_next/static/chunks/20767-2a23d29b51a86f2d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[20767],{20767:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/21224-da80d0d9d36f9423.js b/version/v0.0.66/_next/static/chunks/21224-da80d0d9d36f9423.js deleted file mode 100644 index 48956df900d..00000000000 --- a/version/v0.0.66/_next/static/chunks/21224-da80d0d9d36f9423.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21224],{21224:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/21519-e1dfea496d6edc2d.js b/version/v0.0.66/_next/static/chunks/21519-e1dfea496d6edc2d.js deleted file mode 100644 index c4846a882a6..00000000000 --- a/version/v0.0.66/_next/static/chunks/21519-e1dfea496d6edc2d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[21519],{21519:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/2189-7d543d300a531993.js b/version/v0.0.66/_next/static/chunks/2189-7d543d300a531993.js deleted file mode 100644 index a9c5483bad0..00000000000 --- a/version/v0.0.66/_next/static/chunks/2189-7d543d300a531993.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2189],{2189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Enabled (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':active="true" :areaPopup="true">Active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true" :areaPopup="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/22235-dd10329f9b03ba2b.js b/version/v0.0.66/_next/static/chunks/22235-dd10329f9b03ba2b.js deleted file mode 100644 index 2ad0cc0eb23..00000000000 --- a/version/v0.0.66/_next/static/chunks/22235-dd10329f9b03ba2b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22235],{22235:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/22440-e3afbf7ee3901aef.js b/version/v0.0.66/_next/static/chunks/22440-e3afbf7ee3901aef.js deleted file mode 100644 index 6208c908cab..00000000000 --- a/version/v0.0.66/_next/static/chunks/22440-e3afbf7ee3901aef.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22440],{22440:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/22686-0a49c49902212eef.js b/version/v0.0.66/_next/static/chunks/22686-0a49c49902212eef.js deleted file mode 100644 index 17e3ea76e1e..00000000000 --- a/version/v0.0.66/_next/static/chunks/22686-0a49c49902212eef.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[22686],{22686:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/23075-0c6f84e356c29cc7.js b/version/v0.0.66/_next/static/chunks/23075-0c6f84e356c29cc7.js deleted file mode 100644 index 139ea154959..00000000000 --- a/version/v0.0.66/_next/static/chunks/23075-0c6f84e356c29cc7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23075],{23075:function(e,a,t){t.d(a,{Z:function(){return z}});var n,l,i,r,s,o,d,c=t(52322),u=t(5632),h=t(25237),b=t.n(h),m=t(2784);let p=()=>{var e,a;return(null===(e=window.crypto)||void 0===e?void 0:e.randomUUID)?window.crypto.randomUUID():(null===(a=window.crypto)||void 0===a?void 0:a.getRandomValues)?window.crypto.getRandomValues(new Uint32Array(3)).join("-"):Math.random().toString().substring(2)},f=(e,a)=>{Object.values(e.children).forEach(e=>{e.setAttribute(a.key,a.value),e.children.length>0&&f(e,a)})},v=function(){for(var e=arguments.length,a=Array(e),t=0;t{if(e){if("string"==typeof e)n+="".concat(e," ");else for(let a in e)e[a]&&(n+="".concat(a," "))}}),n.trim()},g=(e,a)=>Object.keys(e).filter(e=>(e.startsWith("data-")||e.startsWith("aria-")||e.startsWith("default")||e.startsWith("auto")||e.startsWith("on"))&&!a.includes(e)).reduce((a,t)=>(a[t]=e[t],a),{}),N=e=>{let{left:a,right:t}=e.getBoundingClientRect(),{innerWidth:n}=window;return a>=0&&t<=n},x=e=>{let{top:a,bottom:t}=e.getBoundingClientRect(),{innerHeight:n}=window;return a>=0&&t<=n},R="OVERWRITE_DEFAULT_ID";(n=r||(r={})).FUNCTIONAL="functional",n.REGULAR="regular",n.EXPRESSIVE="expressive",Object.entries(r).map(e=>{let[,a]=e;return a}),(s||(s={})).PRIMARY="primary",(l=o||(o={})).BASE="base",l.BASE_STRONG="base-strong",l.BASE_TRANSPARENT_SEMI="base-transparent-semi",l.BASE_TRANSPARENT_FULL="base-transparent-full",l.NEUTRAL="neutral",l.NEUTRAL_STRONG="neutral-strong",l.NEUTRAL_TRANSPARENT_SEMI="neutral-transparent-semi",l.NEUTRAL_TRANSPARENT_FULL="neutral-transparent-full",l.BRAND="brand",l.BRAND_TRANSPARENT_SEMI="brand-transparent-semi",l.BRAND_TRANSPARENT_FULL="brand-transparent-full",l.SUCCESSFUL="successful",l.SUCCESSFUL_TRANSPARENT_SEMI="successful-transparent-semi",l.SUCCESSFUL_TRANSPARENT_FULL="successful-transparent-full",l.CRITICAL="critical",l.CRITICAL_TRANSPARENT_SEMI="critical-transparent-semi",l.CRITICAL_TRANSPARENT_Full="critical-transparent-full",l.WARNING="warning",l.WARNING_TRANSPARENT_SEMI="warning-transparent-semi",l.WARNING_TRANSPARENT_FULL="warning-transparent-full",l.INFORMATIONAL="informational",l.INFORMATIONAL_TRANSPARENT_SEMI="informational-transparent-semi",l.INFORMATIONAL_TRANSPARENT_FULL="informational-transparent-full",Object.entries(o).map(e=>{let[,a]=e;return a}),Object.entries(s).map(e=>{let[,a]=e;return a}),(i=d||(d={})).CRITICAL="critical",i.INFORMATIONAL="informational",i.WARNING="warning",i.SUCCESSFUL="successful",Object.entries(d).map(e=>{let[,a]=e;return a});let j=(0,m.forwardRef)(function(e,a){let t=a||(0,m.useRef)(a),[n,l]=(0,m.useState)(()=>R),[i,r]=(0,m.useState)(()=>!1),[s,o]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{l(e.id||"page-"+p()),r(!e.fadeIn),e.stylePath&&o(e.stylePath),document&&e.fadeIn?document.fonts.ready.then(()=>{r(!0)}):r(!0)},[]),(0,c.jsxs)("div",{ref:t,...g(e,[]),id:n,className:v("db-page",e.className,{"fixed-header-footer":"fixedHeaderFooter"===e.type}),"data-fade-in":e.fadeIn,"data-fonts-loaded":i,children:[s?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:s})},p()):null,e.slotHeader,(0,c.jsx)("main",{className:"db-main",children:e.children}),e.slotFooter]})}),S=(0,m.forwardRef)(function(e,a){let t=a||(0,m.useRef)(a),[n,l]=(0,m.useState)(()=>R),[i,r]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{l(e.id||"button-"+p()),e.stylePath&&r(e.stylePath)},[]),(0,c.jsxs)("button",{ref:t,...g(e,[]),id:n,className:v("db-button",e.className,{"is-icon-text-replace":e.noText}),type:e.type,title:e.title,disabled:e.disabled,"aria-label":e.label,"data-icon":e.icon,"data-size":e.size,"data-state":e.state,"data-width":e.width,"data-variant":e.variant,name:e.name,value:e.value,"aria-describedby":e.describedbyid,"aria-expanded":e.ariaexpanded,"aria-pressed":e.ariapressed,onClick:a=>{e.onClick&&e.onClick(a)},children:[i?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:i})},p()):null,e.children]})}),A=(0,m.forwardRef)(function(e,a){var t;let n=a||(0,m.useRef)(a),l=(0,m.useRef)(null),[i,r]=(0,m.useState)(()=>R);function s(a){"Escape"===a.key&&a.preventDefault(),("close"===a||"Escape"===a.key||"DIALOG"===a.target.nodeName&&"none"!==e.backdrop)&&e.onClose&&e.onClose()}function o(){(null==n?void 0:n.current)&&(e.open&&!n.current.open&&(l.current&&(l.current.hidden=!1),"none"===e.backdrop?n.current.show():n.current.showModal()),!e.open&&n.current.open&&(l.current&&(l.current.hidden=!0),setTimeout(()=>{var e;l.current&&(l.current.hidden=!1),null===(e=n.current)||void 0===e||e.close()},401)))}let[d,u]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{r(e.id||"drawer-"+p()),e.stylePath&&u(e.stylePath),o()},[]),(0,m.useEffect)(()=>{o()},[e.open]),(0,c.jsxs)("dialog",{className:"db-drawer",id:i,ref:n,...g(e,["onClose"]),onClick:e=>{s(e)},onKeyDown:e=>s(e),"data-backdrop":e.backdrop,children:[d?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:d})},p()):null,(0,c.jsxs)("article",{ref:l,className:v("db-drawer-container",e.className),"data-spacing":e.spacing,"data-width":e.width,"data-direction":e.direction,"data-rounded":e.rounded,children:[(0,c.jsxs)("header",{className:"db-drawer-header",children:[(0,c.jsx)("div",{className:"db-drawer-header-text",children:e.slotDrawerHeader}),e.withCloseButton?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)(S,{icon:"close",variant:"text",className:"button-close-drawer",id:e.closeButtonId,noText:!0,onClick:e=>s("close"),children:null!==(t=e.closeButtonText)&&void 0!==t?t:"Close Button"})},p()):null]}),(0,c.jsx)("div",{className:"db-drawer-content",children:e.children})]})]})}),w=(0,m.forwardRef)(function(e,a){var t;let n=a||(0,m.useRef)(a),[l,i]=(0,m.useState)(()=>R),[r,s]=(0,m.useState)(()=>!1),[o,d]=(0,m.useState)(()=>!1),[u,h]=(0,m.useState)(()=>({burgerMenuLabel:"BurgerMenu"}));function b(){e.onToggle&&e.onToggle(!e.drawerOpen)}let[N,x]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{s(!0),i(e.id||"header-"+p()),e.stylePath&&x(e.stylePath)},[]),(0,m.useEffect)(()=>{if(r&&document&&l&&e.forceMobile){let e=document.getElementById(l);e&&f(e,{key:"data-force-mobile",value:"true"}),d(!0)}},[r]),(0,c.jsxs)("header",{ref:n,...g(e,[]),className:v("db-header",e.className),id:l,"data-on-forcing-mobile":e.forceMobile&&!o,children:[N?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:N})},p()):null,(0,c.jsxs)(A,{spacing:"small",className:"db-header-drawer",rounded:!0,withCloseButton:!0,open:e.drawerOpen,onClose:()=>b(),children:[(0,c.jsxs)("div",{className:"db-header-drawer-navigation",children:[(0,c.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,c.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation})]}),(0,c.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]}),(0,c.jsx)("div",{className:"db-header-meta-navigation",children:e.slotMetaNavigation}),(0,c.jsxs)("div",{className:"db-header-navigation-bar",children:[(0,c.jsx)("div",{className:"db-header-brand-container",children:e.slotBrand}),(0,c.jsxs)("div",{className:"db-header-navigation-container",children:[(0,c.jsx)("div",{className:"db-header-navigation",children:e.children}),(0,c.jsx)("div",{className:"db-header-call-to-action",children:e.slotCallToAction})]}),(0,c.jsxs)("div",{className:"db-header-action-container",children:[(0,c.jsx)("div",{className:"db-header-burger-menu-container",children:(0,c.jsx)(S,{id:"button-burger-menu",icon:"menu",variant:"text",noText:!0,onClick:()=>b(),children:null!==(t=e.burgerMenuLabel)&&void 0!==t?t:u.burgerMenuLabel})}),(0,c.jsx)("div",{className:"db-header-action-bar",children:e.slotActionBar})]})]})]})}),y=(0,m.forwardRef)(function(e,a){var t,n,l,i,r;let s=a||(0,m.useRef)(a),[o,d]=(0,m.useState)(()=>R),[u,h]=(0,m.useState)(()=>({anchorRef:"/",src:"./assets/images/db_logo.svg",width:"34",height:"24"})),[b,f]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{d(e.id||"brand-"+p()),e.stylePath&&f(e.stylePath)},[]),(0,c.jsxs)("div",{ref:s,...g(e,[]),id:o,className:v("db-brand",e.className),children:[b?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:b})},p()):null,(0,c.jsxs)("a",{href:null!==(t=e.anchorRef)&&void 0!==t?t:u.anchorRef,title:e.anchorTitle,rel:e.anchorRelation,children:[e.hideDefaultAsset?null:(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("img",{className:"db-logo",src:null!==(n=e.imgSrc)&&void 0!==n?n:u.src,alt:null!==(l=e.imgAlt)&&void 0!==l?l:"",height:null!==(i=e.imgHeight)&&void 0!==i?i:u.height,width:null!==(r=e.imgWidth)&&void 0!==r?r:u.width})},p()),e.anchorChildren?(0,c.jsx)(m.Fragment,{children:e.children},p()):null]}),e.anchorChildren?null:(0,c.jsx)(m.Fragment,{children:e.children},p())]})}),E=(0,m.forwardRef)(function(e,a){let t=a||(0,m.useRef)(a),[n,l]=(0,m.useState)(()=>R),[i,r]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{l(e.id||"section-"+p()),e.stylePath&&r(e.stylePath)},[]),(0,c.jsxs)("section",{ref:t,...g(e,[]),id:n,"data-size":e.size||"medium",className:v("db-section",e.className),children:[i?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:i})},p()):null,(0,c.jsx)("div",{"data-variant":e.variant,children:e.children})]})}),T=(0,m.forwardRef)(function(e,a){let t=a||(0,m.useRef)(a),[n,l]=(0,m.useState)(()=>R),[i,r]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{l(e.id||"main-navigation-"+p()),e.stylePath&&r(e.stylePath)},[]),(0,c.jsxs)("nav",{ref:t,...g(e,[]),id:n,className:v("db-main-navigation",e.className),children:[i?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:i})},p()):null,(0,c.jsx)("menu",{children:e.children})]})}),B=[{label:"Home",path:"/"},{label:"Foundations",path:"/foundations",subNavigation:[{label:"Readme",path:"/foundations/readme"},{label:"Colors",path:"/foundations/colors",subNavigation:[{label:"Readme",path:"/foundations/colors/readme"},{label:"Overview",path:"/foundations/colors/overview"},{label:"Color Schemes",path:"/foundations/colors/color-schemes"}]},{label:"Font Sizes",path:"/foundations/font-sizes",subNavigation:[{label:"Readme",path:"/foundations/font-sizes/readme"},{label:"Overview",path:"/foundations/font-sizes/overview"}]},{label:"Icons",path:"/foundations/icons",subNavigation:[{label:"Readme",path:"/foundations/icons/readme"},{label:"Custom Icons",path:"/foundations/icons/custom-icons"},{label:"Overview",path:"/foundations/icons/overview"}]},{label:"Tonalities",path:"/foundations/tonalities",subNavigation:[{label:"Readme",path:"/foundations/tonalities/readme"},{label:"Examples",path:"/foundations/tonalities/examples"}]},{label:"Variables",path:"/foundations/variables",subNavigation:[{label:"Readme",path:"/foundations/variables/readme"},{label:"Examples",path:"/foundations/variables/examples"}]}]},{label:"Components",path:"/components",subNavigation:[{label:"Readme",path:"/components/readme"},...[{label:"Action",path:"/components/action",subNavigation:[{label:"DBButton",name:"button"},{label:"DBLink",name:"link"}]},{label:"Data-Display",path:"/components/data-display",subNavigation:[{label:"DBBrand",name:"brand"},{label:"DBIcon",name:"icon"},{label:"DBTooltip",name:"tooltip"},{label:"DBInfotext",name:"infotext"},{label:"DBTag",name:"tag"},{label:"DBAccordion",name:"accordion"},{label:"DBAccordionItem",name:"accordion-item"},{label:"DBTabs",name:"tabs"},{label:"DBTab",name:"tab"}]},{label:"Data-Input",path:"/components/data-input",subNavigation:[{label:"DBCheckbox",name:"checkbox"},{label:"DBInput",name:"input"},{label:"DBRadio",name:"radio"},{label:"DBSelect",name:"select"},{label:"DBTextarea",name:"textarea"}]},{label:"Feedback",path:"/components/feedback",subNavigation:[{label:"DBAlert",name:"alert"},{label:"DBBadge",name:"badge"}]},{label:"Layout",path:"/components/layout",subNavigation:[{label:"DBCard",name:"card"},{label:"DBDivider",name:"divider"},{label:"DBDrawer",name:"drawer"},{label:"DBHeader",name:"header"},{label:"DBPage",name:"page"},{label:"DBSection",name:"section"}]},{label:"Navigation",path:"/components/navigation",subNavigation:[{label:"DBMainNavigation",name:"main-navigation"},{label:"DBNavigationItem",name:"navigation-item"}]},{label:"Utilities",path:"/components/utilities",subNavigation:[{label:"DBPopover",name:"popover"}]}].map(e=>{var a;return{...e,subNavigation:null==e?void 0:null===(a=e.subNavigation)||void 0===a?void 0:a.map(e=>({label:e.label,path:"/components/".concat(e.name),subNavigation:[{label:"Overview",path:"/components/".concat(e.name,"/overview")},{label:"Properties",path:"/components/".concat(e.name,"/properties")},{label:"How to use",path:"/components/".concat(e.name,"/how-to-use")},{label:"Migration",path:"/components/".concat(e.name,"/migration")}]}))}})]}];var I=t(39097),C=t.n(I);let D=(0,m.forwardRef)(function(e,a){var t;let n=a||(0,m.useRef)(a),[l,i]=(0,m.useState)(()=>R),[r,s]=(0,m.useState)(()=>!1),[o,d]=(0,m.useState)(()=>!1),[u,h]=(0,m.useState)(()=>!0),[b,f]=(0,m.useState)(()=>!1),[j,A]=(0,m.useState)(()=>"sub-navigation-"+p()),[w,y]=(0,m.useState)(()=>null);return(0,m.useEffect)(()=>{i(e.id||"navigation-item-"+p()),s(!0),e.stylePath&&y(e.stylePath)},[]),(0,m.useEffect)(()=>{void 0!==e.subNavigationExpanded&&f(!!e.subNavigationExpanded)},[e.subNavigationExpanded]),(0,m.useEffect)(()=>{if(void 0!==e.areaPopup)d(e.areaPopup),h(o);else if(r&&document&&j){var a;let e=null===(a=document)||void 0===a?void 0:a.getElementById(j);if(e){let a=e.children;(null==a?void 0:a.length)>0?(d(!0),N(e)||e.setAttribute("data-outside-vx","true"),x(e)||e.setAttribute("data-outside-vy","true")):h(!1)}}},[r,e.areaPopup]),(0,c.jsxs)("li",{ref:n,...g(e,[]),id:l,className:v("db-navigation-item",e.className),"data-width":e.width,"data-icon":e.icon,"aria-current":e.active?"page":void 0,"aria-disabled":e.disabled,children:[w?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("link",{rel:"stylesheet",href:w})},p()):null,u?null:(0,c.jsx)(m.Fragment,{children:e.children},p()),u?(0,c.jsxs)(m.Fragment,{children:[(0,c.jsx)("button",{className:"db-navigation-item-expand-button","aria-haspopup":o,"aria-expanded":b,disabled:e.disabled,onClick:a=>{e.onClick&&e.onClick(a),o&&f(!0)},children:e.children}),(0,c.jsxs)("menu",{className:"db-sub-navigation",id:j,children:[o?(0,c.jsx)(m.Fragment,{children:(0,c.jsx)("div",{className:"db-mobile-navigation-back",children:(0,c.jsx)(S,{icon:"arrow_back",variant:"text",id:e.backButtonId,onClick:e=>{e.stopPropagation(),f(!1)},children:null!==(t=e.backButtonText)&&void 0!==t?t:"Back"})})},p()):null,e.slotSubNavigation]})]},p()):null]})}),k=(e,a)=>{var t;return"/"===a.path?"/"===e:e.includes("".concat(a.path,"/"))||e===a.path||!!(null===(t=a.subNavigation)||void 0===t?void 0:t.find(a=>e.includes("".concat(a.path,"/"))))},F=e=>{var a;let{navItem:t}=e,n=k((0,u.useRouter)().pathname,t);return(0,c.jsx)(D,{active:n,backButtonText:"Back to ".concat(t.label),slotSubNavigation:t.subNavigation&&(0,c.jsx)(c.Fragment,{children:null==t?void 0:t.subNavigation.map(e=>(0,c.jsx)(F,{navItem:e},"router-path-".concat(e.path)))}),children:t.subNavigation?t.label:(0,c.jsx)(C(),{href:null!==(a=t.path)&&void 0!==a?a:"",children:t.label},"router-path-".concat(t.path))})};var P=()=>(0,c.jsx)(T,{children:B.map(e=>(0,c.jsx)(F,{navItem:e},"router-path-".concat(e.path)))}),_=t(35368),L=t(8674);let U=async e=>{try{let a=await fetch(e);return await a.json()}catch(e){console.error(e)}return[]},O="db-ui",M="mono";var W=()=>{let e=(0,u.useRouter)(),[a,t]=(0,m.useState)(),[n,l]=(0,m.useState)(),i=a=>{let t=e.basePath,n=a.find(e=>t.includes(e));n&&l(n)},r=(e,a)=>{let n=[],l=[],i=[],r=[],s=[],o=[];for(let e of a)e.startsWith("feat")||e.startsWith("feature")?l.push(e):e.startsWith("fix")||e.startsWith("bugfix")?i.push(e):e.startsWith("refactor")?r.push(e):/^\d*-/.test(e)?s.push(e):e.startsWith("docs")?o.push(e):n.push(e);t({others:n,features:l,docs:o,refactors:r,issues:s,bugfixes:i,versions:e})};(0,m.useEffect)(()=>{(async()=>{let e=await U("https://api.github.com/repos/".concat(O,"/").concat(M,"/branches")),a=(await U("https://api.github.com/repos/".concat(O,"/").concat(M,"/tags"))).map(e=>e.name),t=e.map(e=>e.name).filter(e=>"gh-pages"!==e&&!e.includes("dependabot"));i(t),i(a),r(a,t)})().catch(e=>{console.error(e)})},[]);let s=a=>{let t=e.pathname,n=3===a.split(".").length&&a.startsWith("v");window.location.replace((0,_.sanitize)("https://".concat(O,".github.io/").concat(M).concat(n?"/version":"/review","/").concat(a).concat(t)))};return a?(0,c.jsx)(L.kr,{className:"version-switcher",label:"Version switcher",labelVariant:"floating",value:n,onChange:e=>{s(e.target.value)},children:Object.entries(a).filter(e=>{let[a,t]=e;return(null==t?void 0:t.length)>0}).map(e=>{let[a,t]=e;return(0,c.jsx)("optgroup",{label:a,children:t.slice(0,15).map((e,t)=>(0,c.jsx)("option",{value:e,children:e},"".concat(a,"-").concat(e,"-").concat(t)))},a)})}):null};let q=e=>{let{children:a}=e,[t,n]=(0,m.useState)(!1),[l,i]=(0,m.useState)(!1),[r,s]=(0,m.useState)(!1),[o,d]=(0,m.useState)(!1),[h,b]=(0,m.useState)(),p=(0,u.useRouter)();return(0,m.useEffect)(()=>{if(p.query&&(p.query.fullscreen&&n("true"===p.query.fullscreen),p.query.noh1&&i("true"===p.query.noh1),p.query.properties&&s("true"===p.query.properties),p.query.current)){let a=Array.isArray(p.query.current)?p.query.current[0]:p.query.current;if(h!==a){var e;b(a),null===(e=document.querySelector("#".concat(a)))||void 0===e||e.scrollIntoView({behavior:"smooth"})}}},[p]),(0,c.jsxs)(c.Fragment,{children:[p.isReady&&t&&(0,c.jsx)("div",{className:"".concat(l?"noh1":""," ").concat(r?"is-properties":""),children:a}),p.isReady&&!t&&(0,c.jsx)(j,{fadeIn:!0,type:"fixedHeaderFooter",slotHeader:(0,c.jsx)(w,{drawerOpen:o,onToggle:d,slotBrand:(0,c.jsx)(y,{imgSrc:"https://db-ui.github.io/images/db_logo.svg",title:"DB-UI Mono",anchorChildren:!0,children:"DB-UI Mono"}),slotCallToAction:(0,c.jsx)(S,{icon:"search",variant:"text",noText:!0,children:"Search"}),slotActionBar:(0,c.jsx)(W,{}),children:(0,c.jsx)(P,{})}),children:(0,c.jsx)(E,{size:"none",variant:"large",children:a})})]})};var z=b()(async()=>q,{ssr:!1})}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/23756-c4537b0f89676c9e.js b/version/v0.0.66/_next/static/chunks/23756-c4537b0f89676c9e.js deleted file mode 100644 index c1cdf5f786b..00000000000 --- a/version/v0.0.66/_next/static/chunks/23756-c4537b0f89676c9e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23756],{23756:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Primary",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/24134-0621395468b772cd.js b/version/v0.0.66/_next/static/chunks/24134-0621395468b772cd.js deleted file mode 100644 index 89c3dc2df22..00000000000 --- a/version/v0.0.66/_next/static/chunks/24134-0621395468b772cd.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24134],{24134:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"123456",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/24475-36fbf529a83ecfd1.js b/version/v0.0.66/_next/static/chunks/24475-36fbf529a83ecfd1.js deleted file mode 100644 index 22646ccd9ae..00000000000 --- a/version/v0.0.66/_next/static/chunks/24475-36fbf529a83ecfd1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24475],{24475:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return F}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" None",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/2461-5d01f2edf5edf0ac.js b/version/v0.0.66/_next/static/chunks/2461-5d01f2edf5edf0ac.js deleted file mode 100644 index 98ea71fb5ac..00000000000 --- a/version/v0.0.66/_next/static/chunks/2461-5d01f2edf5edf0ac.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2461],{2461:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"general",children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"My Drawer content",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/24882-224f1c5c77c7cd58.js b/version/v0.0.66/_next/static/chunks/24882-224f1c5c77c7cd58.js deleted file mode 100644 index f5ffb7f11b6..00000000000 --- a/version/v0.0.66/_next/static/chunks/24882-224f1c5c77c7cd58.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[24882],{24882:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="false">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- Text",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':areaPopup="true">Leading ',props:{style:{color:"#D8DEE9"}}},{content:"Icon ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"- ",props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Leading Icon - Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">Text - ',props:{style:{color:"#D8DEE9"}}},{content:"Trailing ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Trailing Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="false">Text',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/25027-415b59f66612277a.js b/version/v0.0.66/_next/static/chunks/25027-415b59f66612277a.js deleted file mode 100644 index 5c3bb42dc66..00000000000 --- a/version/v0.0.66/_next/static/chunks/25027-415b59f66612277a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25027],{25027:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return C}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">No ',props:{style:{color:"#D8DEE9"}}},{content:"rounding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">No ',props:{style:{color:"#D8DEE9"}}},{content:"rounding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"No rounding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton rounded",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Rounded",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" :rounded="true">Rounded',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton rounded",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Rounded",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" :rounded="true">Rounded',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Rounded",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/25644-310c38f4e46b3119.js b/version/v0.0.66/_next/static/chunks/25644-310c38f4e46b3119.js deleted file mode 100644 index 10c51b6d2f0..00000000000 --- a/version/v0.0.66/_next/static/chunks/25644-310c38f4e46b3119.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[25644],{25644:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">functional",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">functional",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">regular (Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">regular (Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">expressive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">expressive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/26250-755402ef7ebaea39.js b/version/v0.0.66/_next/static/chunks/26250-755402ef7ebaea39.js deleted file mode 100644 index 605ca3e6c10..00000000000 --- a/version/v0.0.66/_next/static/chunks/26250-755402ef7ebaea39.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[26250],{22282:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Enabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Enabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Enabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Enabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Enabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Enabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Enabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Enabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Enabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Enabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':active="true">active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"active",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" active",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':active="true">active',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"active",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/27322-1a48699e7611ab43.js b/version/v0.0.66/_next/static/chunks/27322-1a48699e7611ab43.js deleted file mode 100644 index 2a3b2143e8d..00000000000 --- a/version/v0.0.66/_next/static/chunks/27322-1a48699e7611ab43.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27322],{27322:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return C}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||E("CH",!1),l.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/27398-00854085e22cc98d.js b/version/v0.0.66/_next/static/chunks/27398-00854085e22cc98d.js deleted file mode 100644 index 0cca728297d..00000000000 --- a/version/v0.0.66/_next/static/chunks/27398-00854085e22cc98d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27398],{27398:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),l=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return s||F("CH",!1),s.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(s.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/27561-456fec506a9e2a2b.js b/version/v0.0.66/_next/static/chunks/27561-456fec506a9e2a2b.js deleted file mode 100644 index 1adcd787545..00000000000 --- a/version/v0.0.66/_next/static/chunks/27561-456fec506a9e2a2b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[27561],{27561:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/28248-b3dbcfb293842fdb.js b/version/v0.0.66/_next/static/chunks/28248-b3dbcfb293842fdb.js deleted file mode 100644 index 529b92bd232..00000000000 --- a/version/v0.0.66/_next/static/chunks/28248-b3dbcfb293842fdb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[28248],{28248:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/29307-99e6a7277e2de3d7.js b/version/v0.0.66/_next/static/chunks/29307-99e6a7277e2de3d7.js deleted file mode 100644 index 3284bc51dec..00000000000 --- a/version/v0.0.66/_next/static/chunks/29307-99e6a7277e2de3d7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29307],{29307:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return C}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Centered",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Centered",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Centered",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Centered",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Centered",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Centered",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Centered",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Centered",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Centered",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Centered",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/29521-e1090041384ae2cc.js b/version/v0.0.66/_next/static/chunks/29521-e1090041384ae2cc.js deleted file mode 100644 index 595377a847c..00000000000 --- a/version/v0.0.66/_next/static/chunks/29521-e1090041384ae2cc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29521],{29521:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(t.p,{children:"You can't use the component standalone!"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D08770"}}},{content:": ",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/29544-49c88cec6e1b704b.js b/version/v0.0.66/_next/static/chunks/29544-49c88cec6e1b704b.js deleted file mode 100644 index 1c6bd5b2d68..00000000000 --- a/version/v0.0.66/_next/static/chunks/29544-49c88cec6e1b704b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29544],{29544:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,s.a)(),...o.components};return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/29663-d0c38503d1a6b9df.js b/version/v0.0.66/_next/static/chunks/29663-d0c38503d1a6b9df.js deleted file mode 100644 index 16461fffe91..00000000000 --- a/version/v0.0.66/_next/static/chunks/29663-d0c38503d1a6b9df.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[29663],{29663:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/31453-32128fb5215b4f15.js b/version/v0.0.66/_next/static/chunks/31453-32128fb5215b4f15.js deleted file mode 100644 index 14381b381a6..00000000000 --- a/version/v0.0.66/_next/static/chunks/31453-32128fb5215b4f15.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[31453],{31453:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return E}});var n=e(52322),c=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCheckbox ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBCheckbox",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
      ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" @for (checkboxName of checkboxNames; track checkboxName) {",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-app",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" checkboxNames ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"X",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Y",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Z",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" checkbox ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template Driven Forms"}),"\n",(0,n.jsxs)(t.p,{children:["Third party controls require a ",(0,n.jsx)(t.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,n.jsx)(t.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,n.jsx)(t.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"FormsModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@angular/forms",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" // ...,",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" FormsModule",props:{style:{color:"#D08770"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["form.component.html"],active:"form.component.html",heightRatio:1},files:[{name:"form.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Get checkbox value",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"checkbox's value",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:'checkbox {{ checkbox ? "" : "un" }}checked',props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["form.component.ts"],active:"form.component.ts",heightRatio:1},files:[{name:"form.component.ts",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" checkbox ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" showValues",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"checkbox",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"checkbox ",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,n.jsx)(t.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/32258-bc189dcef7fe2649.js b/version/v0.0.66/_next/static/chunks/32258-bc189dcef7fe2649.js deleted file mode 100644 index c31488e66d4..00000000000 --- a/version/v0.0.66/_next/static/chunks/32258-bc189dcef7fe2649.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[32258],{32258:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Auto Width (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Auto Width (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Auto Width (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Auto Width (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Width full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Width full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Width full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Width full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Width full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/33329-28e99cd08ed1814e.js b/version/v0.0.66/_next/static/chunks/33329-28e99cd08ed1814e.js deleted file mode 100644 index dece38e082e..00000000000 --- a/version/v0.0.66/_next/static/chunks/33329-28e99cd08ed1814e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[33329],{33329:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Strong Radio 2 with Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'
    ',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" vue",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Strong Radio 2 with Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":code=\"{'angular':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','html':'
    ','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','vue':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2'}\">Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Strong Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ",props:{style:{color:"#D8DEE9"}}},{content:"with ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Strong Radio 2 with Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Strong Radio 2 with Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'
    ',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" vue",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Strong Radio 2 with Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":code=\"{'angular':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','html':'
    ','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','vue':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2'}\">Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Strong Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2 ",props:{style:{color:"#D8DEE9"}}},{content:"with ",props:{style:{color:"#8FBCBB"}}},{content:"Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Strong Radio 2 with Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/3378-2ae90a8a1051d9dd.js b/version/v0.0.66/_next/static/chunks/3378-2ae90a8a1051d9dd.js deleted file mode 100644 index 8b722d30b56..00000000000 --- a/version/v0.0.66/_next/static/chunks/3378-2ae90a8a1051d9dd.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3378],{3378:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTag ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTag",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:" Tag as Link ",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Radio",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static Tag",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static Tag with overflow",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/34316-1dec5fb6eea03c9d.js b/version/v0.0.66/_next/static/chunks/34316-1dec5fb6eea03c9d.js deleted file mode 100644 index adc90cd2cb4..00000000000 --- a/version/v0.0.66/_next/static/chunks/34316-1dec5fb6eea03c9d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34316],{34316:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Adaptive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Adaptive",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Neutral",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Neutral",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Critical",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Critical",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Informational",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Informational",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Successful",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Successful",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Warning",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Warning",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/34353-ef2674bed16be3c4.js b/version/v0.0.66/_next/static/chunks/34353-ef2674bed16be3c4.js deleted file mode 100644 index 89d9a8f0f05..00000000000 --- a/version/v0.0.66/_next/static/chunks/34353-ef2674bed16be3c4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[34353],{34353:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordion ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/35291-273f49fd7b7f3d84.js b/version/v0.0.66/_next/static/chunks/35291-273f49fd7b7f3d84.js deleted file mode 100644 index bf8357de898..00000000000 --- a/version/v0.0.66/_next/static/chunks/35291-273f49fd7b7f3d84.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35291],{35291:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/35405-c710495c68443830.js b/version/v0.0.66/_next/static/chunks/35405-c710495c68443830.js deleted file mode 100644 index 2f828d35bf0..00000000000 --- a/version/v0.0.66/_next/static/chunks/35405-c710495c68443830.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[35405],{35405:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,c.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItem",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(t.h4,{id:"with-content-projection",children:"With Content Projection"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/3591-7348a34f30493180.js b/version/v0.0.66/_next/static/chunks/3591-7348a34f30493180.js deleted file mode 100644 index ae027a68898..00000000000 --- a/version/v0.0.66/_next/static/chunks/3591-7348a34f30493180.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3591],{3591:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function p(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/370-5ea64bc14641a77f.js b/version/v0.0.66/_next/static/chunks/370-5ea64bc14641a77f.js deleted file mode 100644 index 4c8106a817a..00000000000 --- a/version/v0.0.66/_next/static/chunks/370-5ea64bc14641a77f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[370],{370:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/37070-b8348f8823f4be43.js b/version/v0.0.66/_next/static/chunks/37070-b8348f8823f4be43.js deleted file mode 100644 index 335c94407f2..00000000000 --- a/version/v0.0.66/_next/static/chunks/37070-b8348f8823f4be43.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[37070],{37070:function(e,t,n){n.r(t),n.d(t,{CH:function(){return d},chCodeConfig:function(){return s},default:function(){return l}});var r=n(52322),c=n(45392),o=n(65854);let d={annotations:o.ds,Code:o.EK},s={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function i(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,c.a)(),...e.components};return d||h("CH",!1),d.Code||h("CH.Code",!0),(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,r.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,r.jsxs)(t.blockquote,{children:["\n",(0,r.jsxs)(t.p,{children:[(0,r.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,r.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,r.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,r.jsx)(t.h3,{id:"tag-vs-chip",children:"tag vs. chip"}),"\n",(0,r.jsx)(t.p,{children:"We simplified the components by reducing the amount from tag + chip to only tag."}),"\n",(0,r.jsx)(t.p,{children:"You can use different types of tags by adding another component into it:"}),"\n",(0,r.jsx)(d.Code,{codeConfig:s,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Tag as Radio",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static Tag",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,r.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"elm-tag"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"db-tag"})}),(0,r.jsx)(t.td,{})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"sizes",children:"sizes"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"small"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsxs)(t.td,{children:["We removed small tags because of tonality. But you can use ",(0,r.jsx)(t.code,{children:"type"})," property with value ",(0,r.jsx)(t.code,{children:"strong"})," to emphasize a tag for a differentiation."]})]})})]}),"\n",(0,r.jsx)(t.h3,{id:"variants",children:"variants"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsxs)(t.tbody,{children:[(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"poi-*"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed all point of interest colors for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"track"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"We removed track for now."})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"error"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"critical"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informative"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"informational"})}),(0,r.jsx)(t.td,{})]}),(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"success"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"successful"})}),(0,r.jsx)(t.td,{})]})]})]}),"\n",(0,r.jsx)(t.h3,{id:"icons",children:"icons"}),"\n",(0,r.jsxs)(t.table,{children:[(0,r.jsx)(t.thead,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.th,{children:"Before"}),(0,r.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,r.jsx)(t.th,{children:"After"}),(0,r.jsx)(t.th,{children:"Description"})]})}),(0,r.jsx)(t.tbody,{children:(0,r.jsxs)(t.tr,{children:[(0,r.jsx)(t.td,{children:(0,r.jsx)(t.code,{children:"iconAfter"})}),(0,r.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,r.jsx)(t.td,{children:"❌"}),(0,r.jsx)(t.td,{children:"not valid anymore, for tags only icons before text are allowed"})]})})]})]})}function l(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...e.components};return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(i,{...e})}):i(e)}function h(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/39199-2f82d4c5db040fc1.js b/version/v0.0.66/_next/static/chunks/39199-2f82d4c5db040fc1.js deleted file mode 100644 index b4746d8006e..00000000000 --- a/version/v0.0.66/_next/static/chunks/39199-2f82d4c5db040fc1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39199],{39199:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return C}});var n=e(52322),c=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :checked="true">Required - Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Requirement",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true" :checked="true">Required - Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/40819-84082cf7a0b85eb3.js b/version/v0.0.66/_next/static/chunks/40819-84082cf7a0b85eb3.js deleted file mode 100644 index 18556b2ad13..00000000000 --- a/version/v0.0.66/_next/static/chunks/40819-84082cf7a0b85eb3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[40819],{40819:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBDivider ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBDivider",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/41328-3bd6c2c7587eacbb.js b/version/v0.0.66/_next/static/chunks/41328-3bd6c2c7587eacbb.js deleted file mode 100644 index 9aa2d00b8bf..00000000000 --- a/version/v0.0.66/_next/static/chunks/41328-3bd6c2c7587eacbb.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41328],{41328:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBLink",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/41693-b31c3d616dd6c4e0.js b/version/v0.0.66/_next/static/chunks/41693-b31c3d616dd6c4e0.js deleted file mode 100644 index c13823ae26c..00000000000 --- a/version/v0.0.66/_next/static/chunks/41693-b31c3d616dd6c4e0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[41693],{41693:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/42038-db8a817e151015c3.js b/version/v0.0.66/_next/static/chunks/42038-db8a817e151015c3.js deleted file mode 100644 index 267896b01d2..00000000000 --- a/version/v0.0.66/_next/static/chunks/42038-db8a817e151015c3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[42038],{42038:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Label Above",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Label Above",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Floating Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Floating Label'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Floating Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Floating Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Floating Label'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Floating Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Hidden Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Hidden Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Hidden Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Hidden Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/43080-0228a8fa87155772.js b/version/v0.0.66/_next/static/chunks/43080-0228a8fa87155772.js deleted file mode 100644 index 8b3e0ea18b1..00000000000 --- a/version/v0.0.66/_next/static/chunks/43080-0228a8fa87155772.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43080],{43080:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsxs)(t.p,{children:["If you want to use sub-navigations for mobile you need to add a ",(0,n.jsx)(t.code,{children:"eventListner:click"})," on the ",(0,n.jsx)(t.code,{children:"db-navigation-item-expand-button"}),". This eventListener should set ",(0,n.jsx)(t.code,{children:"aria-expanded"})," to ",(0,n.jsx)(t.code,{children:"true"})," for the ",(0,n.jsx)(t.code,{children:"button"}),". This will open a static overlay for mobile/tablet devices with your ",(0,n.jsx)(t.code,{children:"db-sub-navigation"}),". For desktop devices it works by default with ",(0,n.jsx)(t.code,{children:":hover"}),"."]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"NavigationItem",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/43121-936cdf87b8daddd2.js b/version/v0.0.66/_next/static/chunks/43121-936cdf87b8daddd2.js deleted file mode 100644 index 22a0e20fb59..00000000000 --- a/version/v0.0.66/_next/static/chunks/43121-936cdf87b8daddd2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43121],{43121:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/4339-bd7b10a6fd62d41c.js b/version/v0.0.66/_next/static/chunks/4339-bd7b10a6fd62d41c.js deleted file mode 100644 index 72334d86f86..00000000000 --- a/version/v0.0.66/_next/static/chunks/4339-bd7b10a6fd62d41c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4339],{4339:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Numbers",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Numbers",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Numbers",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/4358-fda1dc6633f048b2.js b/version/v0.0.66/_next/static/chunks/4358-fda1dc6633f048b2.js deleted file mode 100644 index 276dc31e660..00000000000 --- a/version/v0.0.66/_next/static/chunks/4358-fda1dc6633f048b2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4358],{13194:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/43609-fb4eb1b3c983ca74.js b/version/v0.0.66/_next/static/chunks/43609-fb4eb1b3c983ca74.js deleted file mode 100644 index 2617b1774d0..00000000000 --- a/version/v0.0.66/_next/static/chunks/43609-fb4eb1b3c983ca74.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43609],{43609:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/43890-df06fa50298442fa.js b/version/v0.0.66/_next/static/chunks/43890-df06fa50298442fa.js deleted file mode 100644 index b12c703ee74..00000000000 --- a/version/v0.0.66/_next/static/chunks/43890-df06fa50298442fa.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[43890],{43890:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Content 1",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Content 2",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Title 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Content 3",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/44507-5e69790006b04d06.js b/version/v0.0.66/_next/static/chunks/44507-5e69790006b04d06.js deleted file mode 100644 index 0039eb724dc..00000000000 --- a/version/v0.0.66/_next/static/chunks/44507-5e69790006b04d06.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44507],{44507:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return C}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||E("CH",!1),l.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Indeterminate",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"indeterminate",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Indeterminate",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':indeterminate="true">Indeterminate',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Indeterminate",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"indeterminate",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Indeterminate",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':indeterminate="true">Indeterminate',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/44598-5bead8c6bdbb71b8.js b/version/v0.0.66/_next/static/chunks/44598-5bead8c6bdbb71b8.js deleted file mode 100644 index 4ca0bfb5490..00000000000 --- a/version/v0.0.66/_next/static/chunks/44598-5bead8c6bdbb71b8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44598],{44598:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-06",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/44736-8f7ce832192f040d.js b/version/v0.0.66/_next/static/chunks/44736-8f7ce832192f040d.js deleted file mode 100644 index 97bfa48b5d7..00000000000 --- a/version/v0.0.66/_next/static/chunks/44736-8f7ce832192f040d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44736],{44736:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/44891-c8ca6cdb08ca844d.js b/version/v0.0.66/_next/static/chunks/44891-c8ca6cdb08ca844d.js deleted file mode 100644 index ede263bc924..00000000000 --- a/version/v0.0.66/_next/static/chunks/44891-c8ca6cdb08ca844d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[44891],{44891:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return F}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Auto (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Max width, lorem ipsum dolor sit amet, consetetur sadipscing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fixed",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-18",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Fixed",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/45152-84dea6b3d5591359.js b/version/v0.0.66/_next/static/chunks/45152-84dea6b3d5591359.js deleted file mode 100644 index a904b14932b..00000000000 --- a/version/v0.0.66/_next/static/chunks/45152-84dea6b3d5591359.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45152],{45152:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,s.a)(),...o.components};return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/4547-78a53516a67a88a9.js b/version/v0.0.66/_next/static/chunks/4547-78a53516a67a88a9.js deleted file mode 100644 index e04cf814015..00000000000 --- a/version/v0.0.66/_next/static/chunks/4547-78a53516a67a88a9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4547],{4547:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#8FBCBB"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/45712-03bf49c2aa4198fa.js b/version/v0.0.66/_next/static/chunks/45712-03bf49c2aa4198fa.js deleted file mode 100644 index c3c4b1f68ee..00000000000 --- a/version/v0.0.66/_next/static/chunks/45712-03bf49c2aa4198fa.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[45712],{45712:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-13",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/46132-75d2ab46837110d0.js b/version/v0.0.66/_next/static/chunks/46132-75d2ab46837110d0.js deleted file mode 100644 index 5eecccac2a6..00000000000 --- a/version/v0.0.66/_next/static/chunks/46132-75d2ab46837110d0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46132],{46132:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/4620-c90c75af679188c3.js b/version/v0.0.66/_next/static/chunks/4620-c90c75af679188c3.js deleted file mode 100644 index 4ff87bf035e..00000000000 --- a/version/v0.0.66/_next/static/chunks/4620-c90c75af679188c3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4620],{4620:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-04",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With arrow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"basic",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-05",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/46838-f3c8dfec9e4fcc99.js b/version/v0.0.66/_next/static/chunks/46838-f3c8dfec9e4fcc99.js deleted file mode 100644 index 14e82e89533..00000000000 --- a/version/v0.0.66/_next/static/chunks/46838-f3c8dfec9e4fcc99.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46838],{46838:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={code:"code",h2:"h2",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["Load SCSS globally in a ",(0,n.jsx)(t.code,{children:"index.scss"})," file inside ",(0,n.jsx)(t.code,{children:"main.tsx"}),"/",(0,n.jsx)(t.code,{children:"main.jsx"})," within your app:"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@forward ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42-rollup",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Import component:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInput ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"label",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"description",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" description",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"description",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"handleChange",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}},{content:"",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"typescript"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/46962-7f66c378d8389ed5.js b/version/v0.0.66/_next/static/chunks/46962-7f66c378d8389ed5.js deleted file mode 100644 index 59586cfce88..00000000000 --- a/version/v0.0.66/_next/static/chunks/46962-7f66c378d8389ed5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[46962],{46962:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/47663-9231d2472267b080.js b/version/v0.0.66/_next/static/chunks/47663-9231d2472267b080.js deleted file mode 100644 index 8e4f766b23f..00000000000 --- a/version/v0.0.66/_next/static/chunks/47663-9231d2472267b080.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[47663],{47663:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBIcon",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/48754-f5dd801f36b4f721.js b/version/v0.0.66/_next/static/chunks/48754-f5dd801f36b4f721.js deleted file mode 100644 index a25a7021375..00000000000 --- a/version/v0.0.66/_next/static/chunks/48754-f5dd801f36b4f721.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48754],{48754:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/48834-c827d6909fe9d35a.js b/version/v0.0.66/_next/static/chunks/48834-c827d6909fe9d35a.js deleted file mode 100644 index 69c500946d9..00000000000 --- a/version/v0.0.66/_next/static/chunks/48834-c827d6909fe9d35a.js +++ /dev/null @@ -1,6 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48834],{95766:function(t,r){"use strict";r.byteLength=function(t){var r=s(t),e=r[0],n=r[1];return(e+n)*3/4-n},r.toByteArray=function(t){var r,e,i=s(t),f=i[0],u=i[1],h=new o((f+u)*3/4-u),a=0,p=u>0?f-4:f;for(e=0;e>16&255,h[a++]=r>>8&255,h[a++]=255&r;return 2===u&&(r=n[t.charCodeAt(e)]<<2|n[t.charCodeAt(e+1)]>>4,h[a++]=255&r),1===u&&(r=n[t.charCodeAt(e)]<<10|n[t.charCodeAt(e+1)]<<4|n[t.charCodeAt(e+2)]>>2,h[a++]=r>>8&255,h[a++]=255&r),h},r.fromByteArray=function(t){for(var r,n=t.length,o=n%3,i=[],f=0,u=n-o;f>18&63]+e[o>>12&63]+e[o>>6&63]+e[63&o]);return i.join("")}(t,f,f+16383>u?u:f+16383));return 1===o?i.push(e[(r=t[n-1])>>2]+e[r<<4&63]+"=="):2===o&&i.push(e[(r=(t[n-2]<<8)+t[n-1])>>10]+e[r>>4&63]+e[r<<2&63]+"="),i.join("")};for(var e=[],n=[],o="undefined"!=typeof Uint8Array?Uint8Array:Array,i="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",f=0,u=i.length;f0)throw Error("Invalid string. Length must be a multiple of 4");var e=t.indexOf("=");-1===e&&(e=r);var n=e===r?0:4-e%4;return[e,n]}n["-".charCodeAt(0)]=62,n["_".charCodeAt(0)]=63},48834:function(t,r,e){"use strict";/*! - * The buffer module from node.js, for the browser. - * - * @author Feross Aboukhadijeh - * @license MIT - */var n=e(95766),o=e(62333),i="function"==typeof Symbol&&"function"==typeof Symbol.for?Symbol.for("nodejs.util.inspect.custom"):null;function f(t){if(t>2147483647)throw RangeError('The value "'+t+'" is invalid for option "size"');var r=new Uint8Array(t);return Object.setPrototypeOf(r,u.prototype),r}function u(t,r,e){if("number"==typeof t){if("string"==typeof r)throw TypeError('The "string" argument must be of type string. Received type number');return a(t)}return s(t,r,e)}function s(t,r,e){if("string"==typeof t)return function(t,r){if(("string"!=typeof r||""===r)&&(r="utf8"),!u.isEncoding(r))throw TypeError("Unknown encoding: "+r);var e=0|y(t,r),n=f(e),o=n.write(t,r);return o!==e&&(n=n.slice(0,o)),n}(t,r);if(ArrayBuffer.isView(t))return function(t){if(O(t,Uint8Array)){var r=new Uint8Array(t);return c(r.buffer,r.byteOffset,r.byteLength)}return p(t)}(t);if(null==t)throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t);if(O(t,ArrayBuffer)||t&&O(t.buffer,ArrayBuffer)||"undefined"!=typeof SharedArrayBuffer&&(O(t,SharedArrayBuffer)||t&&O(t.buffer,SharedArrayBuffer)))return c(t,r,e);if("number"==typeof t)throw TypeError('The "value" argument must not be of type number. Received type number');var n=t.valueOf&&t.valueOf();if(null!=n&&n!==t)return u.from(n,r,e);var o=function(t){if(u.isBuffer(t)){var r,e=0|l(t.length),n=f(e);return 0===n.length||t.copy(n,0,0,e),n}return void 0!==t.length?"number"!=typeof t.length||(r=t.length)!=r?f(0):p(t):"Buffer"===t.type&&Array.isArray(t.data)?p(t.data):void 0}(t);if(o)return o;if("undefined"!=typeof Symbol&&null!=Symbol.toPrimitive&&"function"==typeof t[Symbol.toPrimitive])return u.from(t[Symbol.toPrimitive]("string"),r,e);throw TypeError("The first argument must be one of type string, Buffer, ArrayBuffer, Array, or Array-like Object. Received type "+typeof t)}function h(t){if("number"!=typeof t)throw TypeError('"size" argument must be of type number');if(t<0)throw RangeError('The value "'+t+'" is invalid for option "size"')}function a(t){return h(t),f(t<0?0:0|l(t))}function p(t){for(var r=t.length<0?0:0|l(t.length),e=f(r),n=0;n=2147483647)throw RangeError("Attempt to allocate Buffer larger than maximum size: 0x7fffffff bytes");return 0|t}function y(t,r){if(u.isBuffer(t))return t.length;if(ArrayBuffer.isView(t)||O(t,ArrayBuffer))return t.byteLength;if("string"!=typeof t)throw TypeError('The "string" argument must be one of type string, Buffer, or ArrayBuffer. Received type '+typeof t);var e=t.length,n=arguments.length>2&&!0===arguments[2];if(!n&&0===e)return 0;for(var o=!1;;)switch(r){case"ascii":case"latin1":case"binary":return e;case"utf8":case"utf-8":return I(t).length;case"ucs2":case"ucs-2":case"utf16le":case"utf-16le":return 2*e;case"hex":return e>>>1;case"base64":return T(t).length;default:if(o)return n?-1:I(t).length;r=(""+r).toLowerCase(),o=!0}}function g(t,r,e){var o,i,f=!1;if((void 0===r||r<0)&&(r=0),r>this.length||((void 0===e||e>this.length)&&(e=this.length),e<=0||(e>>>=0)<=(r>>>=0)))return"";for(t||(t="utf8");;)switch(t){case"hex":return function(t,r,e){var n=t.length;(!r||r<0)&&(r=0),(!e||e<0||e>n)&&(e=n);for(var o="",i=r;i2147483647?e=2147483647:e<-2147483648&&(e=-2147483648),(i=e=+e)!=i&&(e=o?0:t.length-1),e<0&&(e=t.length+e),e>=t.length){if(o)return -1;e=t.length-1}else if(e<0){if(!o)return -1;e=0}if("string"==typeof r&&(r=u.from(r,n)),u.isBuffer(r))return 0===r.length?-1:b(t,r,e,n,o);if("number"==typeof r)return(r&=255,"function"==typeof Uint8Array.prototype.indexOf)?o?Uint8Array.prototype.indexOf.call(t,r,e):Uint8Array.prototype.lastIndexOf.call(t,r,e):b(t,[r],e,n,o);throw TypeError("val must be string, number or Buffer")}function b(t,r,e,n,o){var i,f=1,u=t.length,s=r.length;if(void 0!==n&&("ucs2"===(n=String(n).toLowerCase())||"ucs-2"===n||"utf16le"===n||"utf-16le"===n)){if(t.length<2||r.length<2)return -1;f=2,u/=2,s/=2,e/=2}function h(t,r){return 1===f?t[r]:t.readUInt16BE(r*f)}if(o){var a=-1;for(i=e;iu&&(e=u-s),i=e;i>=0;i--){for(var p=!0,c=0;c239?4:h>223?3:h>191?2:1;if(o+p<=e)switch(p){case 1:h<128&&(a=h);break;case 2:(192&(i=t[o+1]))==128&&(s=(31&h)<<6|63&i)>127&&(a=s);break;case 3:i=t[o+1],f=t[o+2],(192&i)==128&&(192&f)==128&&(s=(15&h)<<12|(63&i)<<6|63&f)>2047&&(s<55296||s>57343)&&(a=s);break;case 4:i=t[o+1],f=t[o+2],u=t[o+3],(192&i)==128&&(192&f)==128&&(192&u)==128&&(s=(15&h)<<18|(63&i)<<12|(63&f)<<6|63&u)>65535&&s<1114112&&(a=s)}null===a?(a=65533,p=1):a>65535&&(a-=65536,n.push(a>>>10&1023|55296),a=56320|1023&a),n.push(a),o+=p}return function(t){var r=t.length;if(r<=4096)return String.fromCharCode.apply(String,t);for(var e="",n=0;ne)throw RangeError("Trying to access beyond buffer length")}function E(t,r,e,n,o,i){if(!u.isBuffer(t))throw TypeError('"buffer" argument must be a Buffer instance');if(r>o||rt.length)throw RangeError("Index out of range")}function A(t,r,e,n,o,i){if(e+n>t.length||e<0)throw RangeError("Index out of range")}function B(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,4,34028234663852886e22,-34028234663852886e22),o.write(t,r,e,n,23,4),e+4}function U(t,r,e,n,i){return r=+r,e>>>=0,i||A(t,r,e,8,17976931348623157e292,-17976931348623157e292),o.write(t,r,e,n,52,8),e+8}r.lW=u,r.h2=50,u.TYPED_ARRAY_SUPPORT=function(){try{var t=new Uint8Array(1),r={foo:function(){return 42}};return Object.setPrototypeOf(r,Uint8Array.prototype),Object.setPrototypeOf(t,r),42===t.foo()}catch(t){return!1}}(),u.TYPED_ARRAY_SUPPORT||"undefined"==typeof console||"function"!=typeof console.error||console.error("This browser lacks typed array (Uint8Array) support which is required by `buffer` v5.x. Use `buffer` v4.x if you require old browser support."),Object.defineProperty(u.prototype,"parent",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.buffer}}),Object.defineProperty(u.prototype,"offset",{enumerable:!0,get:function(){if(u.isBuffer(this))return this.byteOffset}}),u.poolSize=8192,u.from=function(t,r,e){return s(t,r,e)},Object.setPrototypeOf(u.prototype,Uint8Array.prototype),Object.setPrototypeOf(u,Uint8Array),u.alloc=function(t,r,e){return(h(t),t<=0)?f(t):void 0!==r?"string"==typeof e?f(t).fill(r,e):f(t).fill(r):f(t)},u.allocUnsafe=function(t){return a(t)},u.allocUnsafeSlow=function(t){return a(t)},u.isBuffer=function(t){return null!=t&&!0===t._isBuffer&&t!==u.prototype},u.compare=function(t,r){if(O(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),O(r,Uint8Array)&&(r=u.from(r,r.offset,r.byteLength)),!u.isBuffer(t)||!u.isBuffer(r))throw TypeError('The "buf1", "buf2" arguments must be one of type Buffer or Uint8Array');if(t===r)return 0;for(var e=t.length,n=r.length,o=0,i=Math.min(e,n);on.length?u.from(i).copy(n,o):Uint8Array.prototype.set.call(n,i,o);else if(u.isBuffer(i))i.copy(n,o);else throw TypeError('"list" argument must be an Array of Buffers');o+=i.length}return n},u.byteLength=y,u.prototype._isBuffer=!0,u.prototype.swap16=function(){var t=this.length;if(t%2!=0)throw RangeError("Buffer size must be a multiple of 16-bits");for(var r=0;re&&(t+=" ... "),""},i&&(u.prototype[i]=u.prototype.inspect),u.prototype.compare=function(t,r,e,n,o){if(O(t,Uint8Array)&&(t=u.from(t,t.offset,t.byteLength)),!u.isBuffer(t))throw TypeError('The "target" argument must be one of type Buffer or Uint8Array. Received type '+typeof t);if(void 0===r&&(r=0),void 0===e&&(e=t?t.length:0),void 0===n&&(n=0),void 0===o&&(o=this.length),r<0||e>t.length||n<0||o>this.length)throw RangeError("out of range index");if(n>=o&&r>=e)return 0;if(n>=o)return -1;if(r>=e)return 1;if(r>>>=0,e>>>=0,n>>>=0,o>>>=0,this===t)return 0;for(var i=o-n,f=e-r,s=Math.min(i,f),h=this.slice(n,o),a=t.slice(r,e),p=0;p>>=0,isFinite(e)?(e>>>=0,void 0===n&&(n="utf8")):(n=e,e=void 0);else throw Error("Buffer.write(string, encoding, offset[, length]) is no longer supported");var o,i,f,u,s,h,a,p,c=this.length-r;if((void 0===e||e>c)&&(e=c),t.length>0&&(e<0||r<0)||r>this.length)throw RangeError("Attempt to write outside buffer bounds");n||(n="utf8");for(var l=!1;;)switch(n){case"hex":return function(t,r,e,n){e=Number(e)||0;var o=t.length-e;n?(n=Number(n))>o&&(n=o):n=o;var i=r.length;n>i/2&&(n=i/2);for(var f=0;f>8,o.push(e%256),o.push(n);return o}(t,this.length-a),this,a,p);default:if(l)throw TypeError("Unknown encoding: "+n);n=(""+n).toLowerCase(),l=!0}},u.prototype.toJSON=function(){return{type:"Buffer",data:Array.prototype.slice.call(this._arr||this,0)}},u.prototype.slice=function(t,r){var e=this.length;t=~~t,r=void 0===r?e:~~r,t<0?(t+=e)<0&&(t=0):t>e&&(t=e),r<0?(r+=e)<0&&(r=0):r>e&&(r=e),r>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t+--r],o=1;r>0&&(o*=256);)n+=this[t+--r]*o;return n},u.prototype.readUint8=u.prototype.readUInt8=function(t,r){return t>>>=0,r||m(t,1,this.length),this[t]},u.prototype.readUint16LE=u.prototype.readUInt16LE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]|this[t+1]<<8},u.prototype.readUint16BE=u.prototype.readUInt16BE=function(t,r){return t>>>=0,r||m(t,2,this.length),this[t]<<8|this[t+1]},u.prototype.readUint32LE=u.prototype.readUInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),(this[t]|this[t+1]<<8|this[t+2]<<16)+16777216*this[t+3]},u.prototype.readUint32BE=u.prototype.readUInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),16777216*this[t]+(this[t+1]<<16|this[t+2]<<8|this[t+3])},u.prototype.readIntLE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=this[t],o=1,i=0;++i=(o*=128)&&(n-=Math.pow(2,8*r)),n},u.prototype.readIntBE=function(t,r,e){t>>>=0,r>>>=0,e||m(t,r,this.length);for(var n=r,o=1,i=this[t+--n];n>0&&(o*=256);)i+=this[t+--n]*o;return i>=(o*=128)&&(i-=Math.pow(2,8*r)),i},u.prototype.readInt8=function(t,r){return(t>>>=0,r||m(t,1,this.length),128&this[t])?-((255-this[t]+1)*1):this[t]},u.prototype.readInt16LE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t]|this[t+1]<<8;return 32768&e?4294901760|e:e},u.prototype.readInt16BE=function(t,r){t>>>=0,r||m(t,2,this.length);var e=this[t+1]|this[t]<<8;return 32768&e?4294901760|e:e},u.prototype.readInt32LE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]|this[t+1]<<8|this[t+2]<<16|this[t+3]<<24},u.prototype.readInt32BE=function(t,r){return t>>>=0,r||m(t,4,this.length),this[t]<<24|this[t+1]<<16|this[t+2]<<8|this[t+3]},u.prototype.readFloatLE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!0,23,4)},u.prototype.readFloatBE=function(t,r){return t>>>=0,r||m(t,4,this.length),o.read(this,t,!1,23,4)},u.prototype.readDoubleLE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!0,52,8)},u.prototype.readDoubleBE=function(t,r){return t>>>=0,r||m(t,8,this.length),o.read(this,t,!1,52,8)},u.prototype.writeUintLE=u.prototype.writeUIntLE=function(t,r,e,n){if(t=+t,r>>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=1,f=0;for(this[r]=255&t;++f>>=0,e>>>=0,!n){var o=Math.pow(2,8*e)-1;E(this,t,r,e,o,0)}var i=e-1,f=1;for(this[r+i]=255&t;--i>=0&&(f*=256);)this[r+i]=t/f&255;return r+e},u.prototype.writeUint8=u.prototype.writeUInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,255,0),this[r]=255&t,r+1},u.prototype.writeUint16LE=u.prototype.writeUInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeUint16BE=u.prototype.writeUInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,65535,0),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeUint32LE=u.prototype.writeUInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,4294967295,0),this[r+3]=t>>>24,this[r+2]=t>>>16,this[r+1]=t>>>8,this[r]=255&t,r+4},u.prototype.writeUint32BE=u.prototype.writeUInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,4294967295,0),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeIntLE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=0,f=1,u=0;for(this[r]=255&t;++i>0)-u&255;return r+e},u.prototype.writeIntBE=function(t,r,e,n){if(t=+t,r>>>=0,!n){var o=Math.pow(2,8*e-1);E(this,t,r,e,o-1,-o)}var i=e-1,f=1,u=0;for(this[r+i]=255&t;--i>=0&&(f*=256);)t<0&&0===u&&0!==this[r+i+1]&&(u=1),this[r+i]=(t/f>>0)-u&255;return r+e},u.prototype.writeInt8=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,1,127,-128),t<0&&(t=255+t+1),this[r]=255&t,r+1},u.prototype.writeInt16LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=255&t,this[r+1]=t>>>8,r+2},u.prototype.writeInt16BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,2,32767,-32768),this[r]=t>>>8,this[r+1]=255&t,r+2},u.prototype.writeInt32LE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,2147483647,-2147483648),this[r]=255&t,this[r+1]=t>>>8,this[r+2]=t>>>16,this[r+3]=t>>>24,r+4},u.prototype.writeInt32BE=function(t,r,e){return t=+t,r>>>=0,e||E(this,t,r,4,2147483647,-2147483648),t<0&&(t=4294967295+t+1),this[r]=t>>>24,this[r+1]=t>>>16,this[r+2]=t>>>8,this[r+3]=255&t,r+4},u.prototype.writeFloatLE=function(t,r,e){return B(this,t,r,!0,e)},u.prototype.writeFloatBE=function(t,r,e){return B(this,t,r,!1,e)},u.prototype.writeDoubleLE=function(t,r,e){return U(this,t,r,!0,e)},u.prototype.writeDoubleBE=function(t,r,e){return U(this,t,r,!1,e)},u.prototype.copy=function(t,r,e,n){if(!u.isBuffer(t))throw TypeError("argument should be a Buffer");if(e||(e=0),n||0===n||(n=this.length),r>=t.length&&(r=t.length),r||(r=0),n>0&&n=this.length)throw RangeError("Index out of range");if(n<0)throw RangeError("sourceEnd out of bounds");n>this.length&&(n=this.length),t.length-r>>=0,e=void 0===e?this.length:e>>>0,t||(t=0),"number"==typeof t)for(o=r;o55295&&e<57344){if(!o){if(e>56319||f+1===n){(r-=3)>-1&&i.push(239,191,189);continue}o=e;continue}if(e<56320){(r-=3)>-1&&i.push(239,191,189),o=e;continue}e=(o-55296<<10|e-56320)+65536}else o&&(r-=3)>-1&&i.push(239,191,189);if(o=null,e<128){if((r-=1)<0)break;i.push(e)}else if(e<2048){if((r-=2)<0)break;i.push(e>>6|192,63&e|128)}else if(e<65536){if((r-=3)<0)break;i.push(e>>12|224,e>>6&63|128,63&e|128)}else if(e<1114112){if((r-=4)<0)break;i.push(e>>18|240,e>>12&63|128,e>>6&63|128,63&e|128)}else throw Error("Invalid code point")}return i}function T(t){return n.toByteArray(function(t){if((t=(t=t.split("=")[0]).trim().replace(L,"")).length<2)return"";for(;t.length%4!=0;)t+="=";return t}(t))}function C(t,r,e,n){for(var o=0;o=r.length)&&!(o>=t.length);++o)r[o+e]=t[o];return o}function O(t,r){return t instanceof r||null!=t&&null!=t.constructor&&null!=t.constructor.name&&t.constructor.name===r.name}var R=function(){for(var t="0123456789abcdef",r=Array(256),e=0;e<16;++e)for(var n=16*e,o=0;o<16;++o)r[n+o]=t[e]+t[o];return r}()},62333:function(t,r){/*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh */r.read=function(t,r,e,n,o){var i,f,u=8*o-n-1,s=(1<>1,a=-7,p=e?o-1:0,c=e?-1:1,l=t[r+p];for(p+=c,i=l&(1<<-a)-1,l>>=-a,a+=u;a>0;i=256*i+t[r+p],p+=c,a-=8);for(f=i&(1<<-a)-1,i>>=-a,a+=n;a>0;f=256*f+t[r+p],p+=c,a-=8);if(0===i)i=1-h;else{if(i===s)return f?NaN:1/0*(l?-1:1);f+=Math.pow(2,n),i-=h}return(l?-1:1)*f*Math.pow(2,i-n)},r.write=function(t,r,e,n,o,i){var f,u,s,h=8*i-o-1,a=(1<>1,c=23===o?5960464477539062e-23:0,l=n?0:i-1,y=n?1:-1,g=r<0||0===r&&1/r<0?1:0;for(isNaN(r=Math.abs(r))||r===1/0?(u=isNaN(r)?1:0,f=a):(f=Math.floor(Math.log(r)/Math.LN2),r*(s=Math.pow(2,-f))<1&&(f--,s*=2),f+p>=1?r+=c/s:r+=c*Math.pow(2,1-p),r*s>=2&&(f++,s/=2),f+p>=a?(u=0,f=a):f+p>=1?(u=(r*s-1)*Math.pow(2,o),f+=p):(u=r*Math.pow(2,p-1)*Math.pow(2,o),f=0));o>=8;t[e+l]=255&u,l+=y,u/=256,o-=8);for(f=f<0;t[e+l]=255&f,l+=y,f/=256,h-=8);t[e+l-y]|=128*g}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/48894-7fca3031c0c7f9df.js b/version/v0.0.66/_next/static/chunks/48894-7fca3031c0c7f9df.js deleted file mode 100644 index 49a471c29ac..00000000000 --- a/version/v0.0.66/_next/static/chunks/48894-7fca3031c0c7f9df.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[48894],{48894:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(t.h4,{id:"with-slots",children:"With Slots"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/50551-d9aad058dc898e82.js b/version/v0.0.66/_next/static/chunks/50551-d9aad058dc898e82.js deleted file mode 100644 index 684bf6172d7..00000000000 --- a/version/v0.0.66/_next/static/chunks/50551-d9aad058dc898e82.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[50551],{50551:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsxs)(t.p,{children:["We try to set ",(0,n.jsx)(t.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,n.jsx)(t.code,{children:"areaPopup"})," with ",(0,n.jsx)(t.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/51189-ad32a9613999ab65.js b/version/v0.0.66/_next/static/chunks/51189-ad32a9613999ab65.js deleted file mode 100644 index a0498bbf054..00000000000 --- a/version/v0.0.66/_next/static/chunks/51189-ad32a9613999ab65.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51189],{51189:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return C}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Backdrop ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Backdrop ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"With Backdrop (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"weak",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Backdrop-weak",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No Backdrop",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No Backdrop",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"backdrop",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"No Backdrop",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/51636-c0427344f5160736.js b/version/v0.0.66/_next/static/chunks/51636-c0427344f5160736.js deleted file mode 100644 index 10f73ad4dab..00000000000 --- a/version/v0.0.66/_next/static/chunks/51636-c0427344f5160736.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[51636],{51636:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/52023-f64c8b120a32edec.js b/version/v0.0.66/_next/static/chunks/52023-f64c8b120a32edec.js deleted file mode 100644 index 109053d3227..00000000000 --- a/version/v0.0.66/_next/static/chunks/52023-f64c8b120a32edec.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52023],{52023:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/52353-07bb6da47d760d2b.js b/version/v0.0.66/_next/static/chunks/52353-07bb6da47d760d2b.js deleted file mode 100644 index 280f98afef7..00000000000 --- a/version/v0.0.66/_next/static/chunks/52353-07bb6da47d760d2b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52353],{52353:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/52584-523b48216de37db6.js b/version/v0.0.66/_next/static/chunks/52584-523b48216de37db6.js deleted file mode 100644 index d3edb6d2327..00000000000 --- a/version/v0.0.66/_next/static/chunks/52584-523b48216de37db6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[52584],{52584:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBPopover ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBPopover",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Popover",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Popover",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/53691-86b8a1336371f473.js b/version/v0.0.66/_next/static/chunks/53691-86b8a1336371f473.js deleted file mode 100644 index fdaf9b3bb01..00000000000 --- a/version/v0.0.66/_next/static/chunks/53691-86b8a1336371f473.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[53691],{53691:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/54192-9bf0d80326ed9e03.js b/version/v0.0.66/_next/static/chunks/54192-9bf0d80326ed9e03.js deleted file mode 100644 index 8c054e0ace7..00000000000 --- a/version/v0.0.66/_next/static/chunks/54192-9bf0d80326ed9e03.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54192],{54192:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Auto Width (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Width full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/54310-48ba1f1576a65389.js b/version/v0.0.66/_next/static/chunks/54310-48ba1f1576a65389.js deleted file mode 100644 index b2f4aebf876..00000000000 --- a/version/v0.0.66/_next/static/chunks/54310-48ba1f1576a65389.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54310],{54310:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return C}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Right (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Right (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Right (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Left",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Up",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Up",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"up",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Up",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Down",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Down",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"direction",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"down",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Down",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/54368-d62faccda78823f9.js b/version/v0.0.66/_next/static/chunks/54368-d62faccda78823f9.js deleted file mode 100644 index cf46afd9d51..00000000000 --- a/version/v0.0.66/_next/static/chunks/54368-d62faccda78823f9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54368],{54368:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Brand",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/54817-a30e0f09b58a9909.js b/version/v0.0.66/_next/static/chunks/54817-a30e0f09b58a9909.js deleted file mode 100644 index bcb580b007a..00000000000 --- a/version/v0.0.66/_next/static/chunks/54817-a30e0f09b58a9909.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[54817],{37395:function(t,a,n){n.d(a,{P:function(){return b}});let b=(t,a,n)=>t.map((t,b)=>{var l;return{...t,slotCode:null!==(l=null==n?void 0:n.at(b))&&void 0!==l?l:"No code available",examples:t.examples.map(t=>{var n,b,l,e;return{...t,example:a({...t.props,id:null!==(l=null===(n=t.props)||void 0===n?void 0:n.id)&&void 0!==l?l:t.name,children:null!==(e=null===(b=t.props)||void 0===b?void 0:b.children)&&void 0!==e?e:t.name})}})}})},99341:function(t,a,n){var b=n(52322),l=n(5632),e=n(2784),s=n(23075),i=n(8674);let d=t=>{let{examples:a,slotCode:n}=t;return(0,b.jsx)(i.wq,{className:"variants-card",slotCode:n,children:(0,b.jsx)("div",{className:"variants-list",children:a.map((t,a)=>(0,b.jsx)("div",{style:t.style,className:t.className,children:t.example},"".concat(t.name,"-").concat(a)))})})};a.Z=t=>{let{title:a,variants:n}=t,[T,r]=(0,e.useState)(),o=(0,l.useRouter)();(0,e.useEffect)(()=>{if(o.query){var t;let a=null===(t=o.query.page)||void 0===t?void 0:t.toString();a&&r(n.find(t=>t.name.toLowerCase()===a))}},[o]);let B=t=>window.location.origin&&window.location.href?"".concat(window.location.href.split("?")[0],"?page=").concat(t.name.toLowerCase()):"";return(0,b.jsxs)(b.Fragment,{children:[T&&(0,b.jsx)("div",{children:(0,b.jsx)(d,{...T})}),!T&&(0,b.jsx)(s.Z,{children:(0,b.jsxs)("div",{className:"default-container",children:[(0,b.jsx)("h1",{children:a}),null==n?void 0:n.map((t,a)=>(0,b.jsxs)("div",{children:[(0,b.jsx)(i.oH,{}),(0,b.jsx)("h2",{children:(0,b.jsx)(i.vB,{content:"external",target:"_blank",href:B(t),children:t.name})}),(0,b.jsx)(d,{...t})]},"".concat(t.name,"-").concat(a)))]})})]})}},45103:function(t){t.exports=JSON.parse('[{"name":"Tonality","examples":[{"name":"functional","className":"db-ui-functional","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"regular (Default)","className":"db-ui-regular","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"expressive","className":"db-ui-expressive","props":{},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Orientation","examples":[{"name":"horizontal","props":{"orientation":"horizontal"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"vertical","props":{"orientation":"vertical"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Width","examples":[{"name":"auto","style":{"width":"100%"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: start","style":{"width":"100%"},"props":{"width":"full"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"full - alignment: center","style":{"width":"100%"},"props":{"width":"full","alignment":"center"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Overflow","examples":[{"name":"no overflow","style":{"width":"300px"},"props":{"width":"auto"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: arrows","style":{"width":"300px"},"props":{"overflow":true,"behaviour":"arrows"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"with overflow - behaviour: scrollbar","style":{"width":"300px"},"props":{"overflow":true},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]},{"name":"Examples","examples":[{"name":"2 tab selected","props":{"initialSelectedIndex":1},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}},{"name":"nothing selected","props":{"initialSelectedMode":"manually"},"code":{"html":"
    \\n\\t\\t
    \\n\\t\\t\\t
    \\n\\t\\t\\t\\tTest 1Test 2Test 3\\n\\t\\t\\t
    \\n\\t\\t
    \\n\\t\\t\\n\\t\\t\\tTab Panel 1\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 2\\n\\t\\t\\n\\t\\t\\n\\t\\t\\tTab Panel 3\\n\\t\\t\\n\\t
    ","angular":"\\n\\t\\n\\t\\tTab 1\\n\\t\\tTab 2\\n\\t\\tTab 3\\n\\t\\n\\tTab Panel 1\\n\\tTab Panel 2\\n\\tTab Panel 3\\n","react":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t","vue":"\\n\\t\\t\\n\\t\\t\\tTab 1\\n\\t\\t\\tTab 2\\n\\t\\t\\tTab 3\\n\\t\\t\\n\\t\\tTab Panel 1\\n\\t\\tTab Panel 2\\n\\t\\tTab Panel 3\\n\\t"}}]}]')}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/55352-3d30b259e02552a1.js b/version/v0.0.66/_next/static/chunks/55352-3d30b259e02552a1.js deleted file mode 100644 index 332c91a4a83..00000000000 --- a/version/v0.0.66/_next/static/chunks/55352-3d30b259e02552a1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55352],{55352:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(t.h4,{id:"with-slots",children:"With Slots"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem slotTitle",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Title",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Content",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{id:"with-attributes",children:"With attributes"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordionItem ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Title",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/55595-eedeafe04e4bdac5.js b/version/v0.0.66/_next/static/chunks/55595-eedeafe04e4bdac5.js deleted file mode 100644 index 9be748fd2c9..00000000000 --- a/version/v0.0.66/_next/static/chunks/55595-eedeafe04e4bdac5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[55595],{55595:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/5628-fefe78036e9add14.js b/version/v0.0.66/_next/static/chunks/5628-fefe78036e9add14.js deleted file mode 100644 index b23cfb5cd72..00000000000 --- a/version/v0.0.66/_next/static/chunks/5628-fefe78036e9add14.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5628],{5628:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsxs)(t.p,{children:["We try to set ",(0,n.jsx)(t.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,n.jsx)(t.code,{children:"areaPopup"})," with ",(0,n.jsx)(t.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Link ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react-router-dom",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBNavigationItem ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" {",props:{style:{color:"#81A1C1"}}},{content:"/* Only link */",props:{style:{color:"#616E88"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"Link to",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"mypath",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"NavigationItem",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" {",props:{style:{color:"#81A1C1"}}},{content:"/* With Sub-Navigation */",props:{style:{color:"#616E88"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" slotSubNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"Link to",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"mypath",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"Link to",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"mypath",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/57277-624719dd5c9786a8.js b/version/v0.0.66/_next/static/chunks/57277-624719dd5c9786a8.js deleted file mode 100644 index e8a2a4f644e..00000000000 --- a/version/v0.0.66/_next/static/chunks/57277-624719dd5c9786a8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57277],{57277:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return E}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||a("CH",!1),l.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Default: (Enabled, Hover, Pressed)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/57838-e1ae7bcfcf8b4f3f.js b/version/v0.0.66/_next/static/chunks/57838-e1ae7bcfcf8b4f3f.js deleted file mode 100644 index ca244cb8c89..00000000000 --- a/version/v0.0.66/_next/static/chunks/57838-e1ae7bcfcf8b4f3f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[57838],{57838:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||y("CH",!1),s.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"general",children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBDrawer ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setOpen",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" return",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" open",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onClose",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setOpen",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" My Drawer content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" onClick",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setOpen",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open Me",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" )",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/58232-08a905e452390c89.js b/version/v0.0.66/_next/static/chunks/58232-08a905e452390c89.js deleted file mode 100644 index 45d8129dfd9..00000000000 --- a/version/v0.0.66/_next/static/chunks/58232-08a905e452390c89.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58232],{58232:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/58234-e32b065f7bc26957.js b/version/v0.0.66/_next/static/chunks/58234-e32b065f7bc26957.js deleted file mode 100644 index 7296378a4b2..00000000000 --- a/version/v0.0.66/_next/static/chunks/58234-e32b065f7bc26957.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58234],{58234:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Text - Leading Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/58565-f77724c19a41fc4e.js b/version/v0.0.66/_next/static/chunks/58565-f77724c19a41fc4e.js deleted file mode 100644 index 109d8ecc1d2..00000000000 --- a/version/v0.0.66/_next/static/chunks/58565-f77724c19a41fc4e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58565],{58565:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Basic",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Helper Message",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Helper Message",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Helper Message",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Helper Message",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/58629-3f5db3345605dbc0.js b/version/v0.0.66/_next/static/chunks/58629-3f5db3345605dbc0.js deleted file mode 100644 index f75ded11462..00000000000 --- a/version/v0.0.66/_next/static/chunks/58629-3f5db3345605dbc0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[58629],{58629:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/59146-f9b9f35d492c659b.js b/version/v0.0.66/_next/static/chunks/59146-f9b9f35d492c659b.js deleted file mode 100644 index ce022370dd8..00000000000 --- a/version/v0.0.66/_next/static/chunks/59146-f9b9f35d492c659b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[59146],{59146:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotext ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBInfotext",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Infotext",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/60380-0ea7c1e09bddf080.js b/version/v0.0.66/_next/static/chunks/60380-0ea7c1e09bddf080.js deleted file mode 100644 index 11cb4dbe47b..00000000000 --- a/version/v0.0.66/_next/static/chunks/60380-0ea7c1e09bddf080.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60380],{60380:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBPopover",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton describedbyid",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Popover",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBPopover id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Popover",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/60893-27ac1d5adfc4c500.js b/version/v0.0.66/_next/static/chunks/60893-27ac1d5adfc4c500.js deleted file mode 100644 index 453eeee022e..00000000000 --- a/version/v0.0.66/_next/static/chunks/60893-27ac1d5adfc4c500.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60893],{60893:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& ",props:{style:{color:"#D8DEE9"}}},{content:"Link ",props:{style:{color:"#8FBCBB"}}},{content:"& Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& ",props:{style:{color:"#D8DEE9"}}},{content:"Link ",props:{style:{color:"#8FBCBB"}}},{content:"& Icon",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link & Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Headline & ",props:{style:{color:"#D8DEE9"}}},{content:"Text ",props:{style:{color:"#8FBCBB"}}},{content:"& Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Headline & Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert ",props:{style:{color:"#8FBCBB"}}},{content:":link=\"{'href':'#','text':'Link'}\">Text & Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert ",props:{style:{color:"#8FBCBB"}}},{content:":link=\"{'href':'#','text':'Link'}\">Text & Link",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Text & Link",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/60973-f37abdb0045a7b41.js b/version/v0.0.66/_next/static/chunks/60973-f37abdb0045a7b41.js deleted file mode 100644 index c045da7ceb7..00000000000 --- a/version/v0.0.66/_next/static/chunks/60973-f37abdb0045a7b41.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[60973],{60973:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBPage",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBPage slotHeader",props:{style:{color:"#8FBCBB"}}},{content:"={<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"...",props:{style:{color:"#D8DEE9FF"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Main Page",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/61248-fd3294f40e917159.js b/version/v0.0.66/_next/static/chunks/61248-fd3294f40e917159.js deleted file mode 100644 index de11f0c6573..00000000000 --- a/version/v0.0.66/_next/static/chunks/61248-fd3294f40e917159.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61248],{61248:function(o,t,n){n.r(t),n.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return E}});var e=n(52322),r=n(45392),c=n(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...o.components};return s||y("CH",!1),s.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" DBHeader",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" NavigationDirective",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ActionBarDirective",props:{style:{color:"#D8DEE9"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" MetaNavigationDirective",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" // ...,",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" DBHeader",props:{style:{color:"#D08770"}}}]},{tokens:[{content:" NavigationDirective",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"// Optional: If you want to use a Navigation",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ActionBarDirective",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"// Optional: If you want to use ActionBar",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" MetaNavigationDirective",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"// Optional: If you want to use MetaNavigation",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,e.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsx)(t.h4,{id:"simple",children:"Simple"}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Header",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,e.jsx)(t.h4,{id:"full",children:"Full"}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// File: app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-root",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" drawerOpen ",props:{style:{color:"#D8DEE9FF"}}},{content:"= false;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" toggleDrawer ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"drawerOpen ",props:{style:{color:"#D8DEE9"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"My Awesome App",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Imprint",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"href",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Help",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Profile",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Notification",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"help",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"[noText]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:" Help ",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(l,{...o})}):l(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/61914-20d503e5b6f867b0.js b/version/v0.0.66/_next/static/chunks/61914-20d503e5b6f867b0.js deleted file mode 100644 index a1fb53c9efc..00000000000 --- a/version/v0.0.66/_next/static/chunks/61914-20d503e5b6f867b0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[61914],{61914:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/62126-50cc98f7b88f17c6.js b/version/v0.0.66/_next/static/chunks/62126-50cc98f7b88f17c6.js deleted file mode 100644 index 5e21fbcddaa..00000000000 --- a/version/v0.0.66/_next/static/chunks/62126-50cc98f7b88f17c6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62126],{62126:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||E("CH",!1),l.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Checked",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checked",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':checked="true">Checked',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"States",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/62194-1cbf94f565ffd9e0.js b/version/v0.0.66/_next/static/chunks/62194-1cbf94f565ffd9e0.js deleted file mode 100644 index 8902e9f8639..00000000000 --- a/version/v0.0.66/_next/static/chunks/62194-1cbf94f565ffd9e0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62194],{62194:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/62275-c432fdf6f225f2ee.js b/version/v0.0.66/_next/static/chunks/62275-c432fdf6f225f2ee.js deleted file mode 100644 index 57fd3928acd..00000000000 --- a/version/v0.0.66/_next/static/chunks/62275-c432fdf6f225f2ee.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62275],{62275:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return F}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||E("CH",!1),l.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-07-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/62326-c4008501c0b2ac33.js b/version/v0.0.66/_next/static/chunks/62326-c4008501c0b2ac33.js deleted file mode 100644 index f9aa691ebc6..00000000000 --- a/version/v0.0.66/_next/static/chunks/62326-c4008501c0b2ac33.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62326],{62326:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return C}});var e=n(52322),c=n(45392),s=n(65854);let r={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/62790-9d4512643fa40631.js b/version/v0.0.66/_next/static/chunks/62790-9d4512643fa40631.js deleted file mode 100644 index 1bd68fdd6a7..00000000000 --- a/version/v0.0.66/_next/static/chunks/62790-9d4512643fa40631.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[62790],{62790:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/63350-f3821bbb6147eac8.js b/version/v0.0.66/_next/static/chunks/63350-f3821bbb6147eac8.js deleted file mode 100644 index 32e155200c7..00000000000 --- a/version/v0.0.66/_next/static/chunks/63350-f3821bbb6147eac8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63350],{63350:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/63736-9f907d0e20103ccf.js b/version/v0.0.66/_next/static/chunks/63736-9f907d0e20103ccf.js deleted file mode 100644 index 9a13217e99c..00000000000 --- a/version/v0.0.66/_next/static/chunks/63736-9f907d0e20103ccf.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[63736],{63736:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,s.a)(),...o.components};return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Test 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}},{content:"Test 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/64037-904b295221eec922.js b/version/v0.0.66/_next/static/chunks/64037-904b295221eec922.js deleted file mode 100644 index 684f7ccf2e1..00000000000 --- a/version/v0.0.66/_next/static/chunks/64037-904b295221eec922.js +++ /dev/null @@ -1,20 +0,0 @@ -(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64037],{35368:function(e){e.exports=function(){"use strict";let{entries:e,setPrototypeOf:t,isFrozen:n,getPrototypeOf:r,getOwnPropertyDescriptor:o}=Object,{freeze:i,seal:a,create:l}=Object,{apply:s,construct:u}="undefined"!=typeof Reflect&&Reflect;i||(i=function(e){return e}),a||(a=function(e){return e}),s||(s=function(e,t,n){return e.apply(t,n)}),u||(u=function(e,t){return new e(...t)});let c=A(Array.prototype.forEach),d=A(Array.prototype.pop),m=A(Array.prototype.push),f=A(String.prototype.toLowerCase),p=A(String.prototype.toString),h=A(String.prototype.match),g=A(String.prototype.replace),y=A(String.prototype.indexOf),_=A(String.prototype.trim),b=A(Object.prototype.hasOwnProperty),T=A(RegExp.prototype.test),E=(V=TypeError,function(){for(var e=arguments.length,t=Array(e),n=0;n1?n-1:0),o=1;o2&&void 0!==arguments[2]?arguments[2]:f;t&&t(e,null);let i=r.length;for(;i--;){let t=r[i];if("string"==typeof t){let e=o(t);e!==t&&(n(r)||(r[i]=e),t=e)}e[t]=!0}return e}function w(t){let n=l(null);for(let[r,o]of e(t))b(t,r)&&(Array.isArray(o)?n[r]=function(e){for(let t=0;t/gm),H=a(/\${[\w\W]*}/gm),z=a(/^data-[\-\w.\u00B7-\uFFFF]/),j=a(/^aria-[\-\w]+$/),G=a(/^(?:(?:(?:f|ht)tps?|mailto|tel|callto|sms|cid|xmpp):|[^a-z]|[a-z+.\-]+(?:[^a-z+.\-:]|$))/i),W=a(/^(?:\w+script|data):/i),B=a(/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g),Y=a(/^html$/i);var V,q=Object.freeze({__proto__:null,MUSTACHE_EXPR:U,ERB_EXPR:F,TMPLIT_EXPR:H,DATA_ATTR:z,ARIA_ATTR:j,IS_ALLOWED_URI:G,IS_SCRIPT_OR_DATA:W,ATTR_WHITESPACE:B,DOCTYPE_NAME:Y});let X=function(e,t){if("object"!=typeof e||"function"!=typeof e.createPolicy)return null;let n=null,r="data-tt-policy-suffix";t&&t.hasAttribute(r)&&(n=t.getAttribute(r));let o="dompurify"+(n?"#"+n:"");try{return e.createPolicy(o,{createHTML:e=>e,createScriptURL:e=>e})}catch(e){return console.warn("TrustedTypes policy "+o+" could not be created."),null}};return function t(){let n,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"undefined"==typeof window?null:window,o=e=>t(e);if(o.version="3.0.9",o.removed=[],!r||!r.document||9!==r.document.nodeType)return o.isSupported=!1,o;let{document:a}=r,s=a,u=s.currentScript,{DocumentFragment:A,HTMLTemplateElement:U,Node:F,Element:H,NodeFilter:z,NamedNodeMap:j=r.NamedNodeMap||r.MozNamedAttrMap,HTMLFormElement:W,DOMParser:B,trustedTypes:V}=r,K=H.prototype,$=S(K,"cloneNode"),Z=S(K,"nextSibling"),J=S(K,"childNodes"),Q=S(K,"parentNode");if("function"==typeof U){let e=a.createElement("template");e.content&&e.content.ownerDocument&&(a=e.content.ownerDocument)}let ee="",{implementation:et,createNodeIterator:en,createDocumentFragment:er,getElementsByTagName:eo}=a,{importNode:ei}=s,ea={};o.isSupported="function"==typeof e&&"function"==typeof Q&&et&&void 0!==et.createHTMLDocument;let{MUSTACHE_EXPR:el,ERB_EXPR:es,TMPLIT_EXPR:eu,DATA_ATTR:ec,ARIA_ATTR:ed,IS_SCRIPT_OR_DATA:em,ATTR_WHITESPACE:ef}=q,{IS_ALLOWED_URI:ep}=q,eh=null,eg=N({},[...k,...v,...R,...L,...D]),ey=null,e_=N({},[...O,...M,...I,...P]),eb=Object.seal(l(null,{tagNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},attributeNameCheck:{writable:!0,configurable:!1,enumerable:!0,value:null},allowCustomizedBuiltInElements:{writable:!0,configurable:!1,enumerable:!0,value:!1}})),eT=null,eE=null,eA=!0,eN=!0,ew=!1,eS=!0,ek=!1,ev=!1,eR=!1,eC=!1,eL=!1,ex=!1,eD=!1,eO=!0,eM=!1,eI=!0,eP=!1,eU={},eF=null,eH=N({},["annotation-xml","audio","colgroup","desc","foreignobject","head","iframe","math","mi","mn","mo","ms","mtext","noembed","noframes","noscript","plaintext","script","style","svg","template","thead","title","video","xmp"]),ez=null,ej=N({},["audio","video","img","source","image","track"]),eG=null,eW=N({},["alt","class","for","id","label","name","pattern","placeholder","role","summary","title","value","style","xmlns"]),eB="http://www.w3.org/1998/Math/MathML",eY="http://www.w3.org/2000/svg",eV="http://www.w3.org/1999/xhtml",eq=eV,eX=!1,eK=null,e$=N({},[eB,eY,eV],p),eZ=null,eJ=["application/xhtml+xml","text/html"],eQ=null,e0=null,e1=a.createElement("form"),e2=function(e){return e instanceof RegExp||e instanceof Function},e3=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};if(!e0||e0!==e){if(e&&"object"==typeof e||(e={}),e=w(e),eQ="application/xhtml+xml"===(eZ=-1===eJ.indexOf(e.PARSER_MEDIA_TYPE)?"text/html":e.PARSER_MEDIA_TYPE)?p:f,eh=b(e,"ALLOWED_TAGS")?N({},e.ALLOWED_TAGS,eQ):eg,ey=b(e,"ALLOWED_ATTR")?N({},e.ALLOWED_ATTR,eQ):e_,eK=b(e,"ALLOWED_NAMESPACES")?N({},e.ALLOWED_NAMESPACES,p):e$,eG=b(e,"ADD_URI_SAFE_ATTR")?N(w(eW),e.ADD_URI_SAFE_ATTR,eQ):eW,ez=b(e,"ADD_DATA_URI_TAGS")?N(w(ej),e.ADD_DATA_URI_TAGS,eQ):ej,eF=b(e,"FORBID_CONTENTS")?N({},e.FORBID_CONTENTS,eQ):eH,eT=b(e,"FORBID_TAGS")?N({},e.FORBID_TAGS,eQ):{},eE=b(e,"FORBID_ATTR")?N({},e.FORBID_ATTR,eQ):{},eU=!!b(e,"USE_PROFILES")&&e.USE_PROFILES,eA=!1!==e.ALLOW_ARIA_ATTR,eN=!1!==e.ALLOW_DATA_ATTR,ew=e.ALLOW_UNKNOWN_PROTOCOLS||!1,eS=!1!==e.ALLOW_SELF_CLOSE_IN_ATTR,ek=e.SAFE_FOR_TEMPLATES||!1,ev=e.WHOLE_DOCUMENT||!1,eL=e.RETURN_DOM||!1,ex=e.RETURN_DOM_FRAGMENT||!1,eD=e.RETURN_TRUSTED_TYPE||!1,eC=e.FORCE_BODY||!1,eO=!1!==e.SANITIZE_DOM,eM=e.SANITIZE_NAMED_PROPS||!1,eI=!1!==e.KEEP_CONTENT,eP=e.IN_PLACE||!1,ep=e.ALLOWED_URI_REGEXP||G,eq=e.NAMESPACE||eV,eb=e.CUSTOM_ELEMENT_HANDLING||{},e.CUSTOM_ELEMENT_HANDLING&&e2(e.CUSTOM_ELEMENT_HANDLING.tagNameCheck)&&(eb.tagNameCheck=e.CUSTOM_ELEMENT_HANDLING.tagNameCheck),e.CUSTOM_ELEMENT_HANDLING&&e2(e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck)&&(eb.attributeNameCheck=e.CUSTOM_ELEMENT_HANDLING.attributeNameCheck),e.CUSTOM_ELEMENT_HANDLING&&"boolean"==typeof e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements&&(eb.allowCustomizedBuiltInElements=e.CUSTOM_ELEMENT_HANDLING.allowCustomizedBuiltInElements),ek&&(eN=!1),ex&&(eL=!0),eU&&(eh=N({},D),ey=[],!0===eU.html&&(N(eh,k),N(ey,O)),!0===eU.svg&&(N(eh,v),N(ey,M),N(ey,P)),!0===eU.svgFilters&&(N(eh,R),N(ey,M),N(ey,P)),!0===eU.mathMl&&(N(eh,L),N(ey,I),N(ey,P))),e.ADD_TAGS&&(eh===eg&&(eh=w(eh)),N(eh,e.ADD_TAGS,eQ)),e.ADD_ATTR&&(ey===e_&&(ey=w(ey)),N(ey,e.ADD_ATTR,eQ)),e.ADD_URI_SAFE_ATTR&&N(eG,e.ADD_URI_SAFE_ATTR,eQ),e.FORBID_CONTENTS&&(eF===eH&&(eF=w(eF)),N(eF,e.FORBID_CONTENTS,eQ)),eI&&(eh["#text"]=!0),ev&&N(eh,["html","head","body"]),eh.table&&(N(eh,["tbody"]),delete eT.tbody),e.TRUSTED_TYPES_POLICY){if("function"!=typeof e.TRUSTED_TYPES_POLICY.createHTML)throw E('TRUSTED_TYPES_POLICY configuration option must provide a "createHTML" hook.');if("function"!=typeof e.TRUSTED_TYPES_POLICY.createScriptURL)throw E('TRUSTED_TYPES_POLICY configuration option must provide a "createScriptURL" hook.');ee=(n=e.TRUSTED_TYPES_POLICY).createHTML("")}else void 0===n&&(n=X(V,u)),null!==n&&"string"==typeof ee&&(ee=n.createHTML(""));i&&i(e),e0=e}},e9=N({},["mi","mo","mn","ms","mtext"]),e4=N({},["foreignobject","desc","title","annotation-xml"]),e5=N({},["title","style","font","a","script"]),e6=N({},[...v,...R,...C]),e8=N({},[...L,...x]),e7=function(e){let t=Q(e);t&&t.tagName||(t={namespaceURI:eq,tagName:"template"});let n=f(e.tagName),r=f(t.tagName);return!!eK[e.namespaceURI]&&(e.namespaceURI===eY?t.namespaceURI===eV?"svg"===n:t.namespaceURI===eB?"svg"===n&&("annotation-xml"===r||e9[r]):!!e6[n]:e.namespaceURI===eB?t.namespaceURI===eV?"math"===n:t.namespaceURI===eY?"math"===n&&e4[r]:!!e8[n]:e.namespaceURI===eV?(t.namespaceURI!==eY||!!e4[r])&&(t.namespaceURI!==eB||!!e9[r])&&!e8[n]&&(e5[n]||!e6[n]):"application/xhtml+xml"===eZ&&!!eK[e.namespaceURI])},te=function(e){m(o.removed,{element:e});try{e.parentNode.removeChild(e)}catch(t){e.remove()}},tt=function(e,t){try{m(o.removed,{attribute:t.getAttributeNode(e),from:t})}catch(e){m(o.removed,{attribute:null,from:t})}if(t.removeAttribute(e),"is"===e&&!ey[e]){if(eL||ex)try{te(t)}catch(e){}else try{t.setAttribute(e,"")}catch(e){}}},tn=function(e){let t=null,r=null;if(eC)e=""+e;else{let t=h(e,/^[\r\n\t ]+/);r=t&&t[0]}"application/xhtml+xml"===eZ&&eq===eV&&(e=''+e+"");let o=n?n.createHTML(e):e;if(eq===eV)try{t=new B().parseFromString(o,eZ)}catch(e){}if(!t||!t.documentElement){t=et.createDocument(eq,"template",null);try{t.documentElement.innerHTML=eX?ee:o}catch(e){}}let i=t.body||t.documentElement;return(e&&r&&i.insertBefore(a.createTextNode(r),i.childNodes[0]||null),eq===eV)?eo.call(t,ev?"html":"body")[0]:ev?t.documentElement:i},tr=function(e){return en.call(e.ownerDocument||e,e,z.SHOW_ELEMENT|z.SHOW_COMMENT|z.SHOW_TEXT,null)},to=function(e){return"function"==typeof F&&e instanceof F},ti=function(e,t,n){ea[e]&&c(ea[e],e=>{e.call(o,t,n,e0)})},ta=function(e){let t=null;if(ti("beforeSanitizeElements",e,null),e instanceof W&&("string"!=typeof e.nodeName||"string"!=typeof e.textContent||"function"!=typeof e.removeChild||!(e.attributes instanceof j)||"function"!=typeof e.removeAttribute||"function"!=typeof e.setAttribute||"string"!=typeof e.namespaceURI||"function"!=typeof e.insertBefore||"function"!=typeof e.hasChildNodes))return te(e),!0;let n=eQ(e.nodeName);if(ti("uponSanitizeElement",e,{tagName:n,allowedTags:eh}),e.hasChildNodes()&&!to(e.firstElementChild)&&T(/<[/\w]/g,e.innerHTML)&&T(/<[/\w]/g,e.textContent))return te(e),!0;if(!eh[n]||eT[n]){if(!eT[n]&&ts(n)&&(eb.tagNameCheck instanceof RegExp&&T(eb.tagNameCheck,n)||eb.tagNameCheck instanceof Function&&eb.tagNameCheck(n)))return!1;if(eI&&!eF[n]){let t=Q(e)||e.parentNode,n=J(e)||e.childNodes;if(n&&t){let r=n.length;for(let o=r-1;o>=0;--o)t.insertBefore($(n[o],!0),Z(e))}}return te(e),!0}return e instanceof H&&!e7(e)||("noscript"===n||"noembed"===n||"noframes"===n)&&T(/<\/no(script|embed|frames)/i,e.innerHTML)?(te(e),!0):(ek&&3===e.nodeType&&(t=e.textContent,c([el,es,eu],e=>{t=g(t,e," ")}),e.textContent!==t&&(m(o.removed,{element:e.cloneNode()}),e.textContent=t)),ti("afterSanitizeElements",e,null),!1)},tl=function(e,t,n){if(eO&&("id"===t||"name"===t)&&(n in a||n in e1))return!1;if(eN&&!eE[t]&&T(ec,t));else if(eA&&T(ed,t));else if(!ey[t]||eE[t]){if(!(ts(e)&&(eb.tagNameCheck instanceof RegExp&&T(eb.tagNameCheck,e)||eb.tagNameCheck instanceof Function&&eb.tagNameCheck(e))&&(eb.attributeNameCheck instanceof RegExp&&T(eb.attributeNameCheck,t)||eb.attributeNameCheck instanceof Function&&eb.attributeNameCheck(t))||"is"===t&&eb.allowCustomizedBuiltInElements&&(eb.tagNameCheck instanceof RegExp&&T(eb.tagNameCheck,n)||eb.tagNameCheck instanceof Function&&eb.tagNameCheck(n))))return!1}else if(eG[t]);else if(T(ep,g(n,ef,"")));else if(("src"===t||"xlink:href"===t||"href"===t)&&"script"!==e&&0===y(n,"data:")&&ez[e]);else if(ew&&!T(em,g(n,ef,"")));else if(n)return!1;return!0},ts=function(e){return"annotation-xml"!==e&&e.indexOf("-")>0},tu=function(e){ti("beforeSanitizeAttributes",e,null);let{attributes:t}=e;if(!t)return;let r={attrName:"",attrValue:"",keepAttr:!0,allowedAttributes:ey},i=t.length;for(;i--;){let{name:a,namespaceURI:l,value:s}=t[i],u=eQ(a),m="value"===a?s:_(s);if(r.attrName=u,r.attrValue=m,r.keepAttr=!0,r.forceKeepAttr=void 0,ti("uponSanitizeAttribute",e,r),m=r.attrValue,r.forceKeepAttr||(tt(a,e),!r.keepAttr))continue;if(!eS&&T(/\/>/i,m)){tt(a,e);continue}ek&&c([el,es,eu],e=>{m=g(m,e," ")});let f=eQ(e.nodeName);if(tl(f,u,m)){if(eM&&("id"===u||"name"===u)&&(tt(a,e),m="user-content-"+m),n&&"object"==typeof V&&"function"==typeof V.getAttributeType){if(l);else switch(V.getAttributeType(f,u)){case"TrustedHTML":m=n.createHTML(m);break;case"TrustedScriptURL":m=n.createScriptURL(m)}}try{l?e.setAttributeNS(l,a,m):e.setAttribute(a,m),d(o.removed)}catch(e){}}}ti("afterSanitizeAttributes",e,null)},tc=function e(t){let n=null,r=tr(t);for(ti("beforeSanitizeShadowDOM",t,null);n=r.nextNode();)ti("uponSanitizeShadowNode",n,null),ta(n)||(n.content instanceof A&&e(n.content),tu(n));ti("afterSanitizeShadowDOM",t,null)};return o.sanitize=function(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},r=null,i=null,a=null,l=null;if((eX=!e)&&(e=""),"string"!=typeof e&&!to(e)){if("function"==typeof e.toString){if("string"!=typeof(e=e.toString()))throw E("dirty is not a string, aborting")}else throw E("toString is not a function")}if(!o.isSupported)return e;if(eR||e3(t),o.removed=[],"string"==typeof e&&(eP=!1),eP){if(e.nodeName){let t=eQ(e.nodeName);if(!eh[t]||eT[t])throw E("root node is forbidden and cannot be sanitized in-place")}}else if(e instanceof F)1===(i=(r=tn("")).ownerDocument.importNode(e,!0)).nodeType&&"BODY"===i.nodeName?r=i:"HTML"===i.nodeName?r=i:r.appendChild(i);else{if(!eL&&!ek&&!ev&&-1===e.indexOf("<"))return n&&eD?n.createHTML(e):e;if(!(r=tn(e)))return eL?null:eD?ee:""}r&&eC&&te(r.firstChild);let u=tr(eP?e:r);for(;a=u.nextNode();)ta(a)||(a.content instanceof A&&tc(a.content),tu(a));if(eP)return e;if(eL){if(ex)for(l=er.call(r.ownerDocument);r.firstChild;)l.appendChild(r.firstChild);else l=r;return(ey.shadowroot||ey.shadowrootmode)&&(l=ei.call(s,l,!0)),l}let d=ev?r.outerHTML:r.innerHTML;return ev&&eh["!doctype"]&&r.ownerDocument&&r.ownerDocument.doctype&&r.ownerDocument.doctype.name&&T(Y,r.ownerDocument.doctype.name)&&(d="\n"+d),ek&&c([el,es,eu],e=>{d=g(d,e," ")}),n&&eD?n.createHTML(d):d},o.setConfig=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};e3(e),eR=!0},o.clearConfig=function(){e0=null,eR=!1},o.isValidAttribute=function(e,t,n){return e0||e3({}),tl(eQ(e),eQ(t),n)},o.addHook=function(e,t){"function"==typeof t&&(ea[e]=ea[e]||[],m(ea[e],t))},o.removeHook=function(e){if(ea[e])return d(ea[e])},o.removeHooks=function(e){ea[e]&&(ea[e]=[])},o.removeAllHooks=function(){ea={}},o}()}()},80317:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),function(e,t){for(var n in t)Object.defineProperty(e,n,{enumerable:!0,get:t[n]})}(t,{noSSR:function(){return a},default:function(){return l}});let r=n(43219);n(52322),n(2784);let o=r._(n(33639));function i(e){return{default:(null==e?void 0:e.default)||e}}function a(e,t){return delete t.webpack,delete t.modules,e(t)}function l(e,t){let n=o.default,r={loading:e=>{let{error:t,isLoading:n,pastDelay:r}=e;return null}};e instanceof Promise?r.loader=()=>e:"function"==typeof e?r.loader=e:"object"==typeof e&&(r={...r,...e});let l=(r={...r,...t}).loader;return(r.loadableGenerated&&(r={...r,...r.loadableGenerated},delete r.loadableGenerated),"boolean"!=typeof r.ssr||r.ssr)?n({...r,loader:()=>null!=l?l().then(i):Promise.resolve(i(()=>null))}):(delete r.webpack,delete r.modules,a(n,r))}("function"==typeof t.default||"object"==typeof t.default&&null!==t.default)&&void 0===t.default.__esModule&&(Object.defineProperty(t.default,"__esModule",{value:!0}),Object.assign(t.default,t),e.exports=t.default)},12635:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"LoadableContext",{enumerable:!0,get:function(){return r}});let r=n(43219)._(n(2784)).default.createContext(null)},33639:function(e,t,n){"use strict";/** -@copyright (c) 2017-present James Kyle - MIT License - Permission is hereby granted, free of charge, to any person obtaining -a copy of this software and associated documentation files (the -"Software"), to deal in the Software without restriction, including -without limitation the rights to use, copy, modify, merge, publish, -distribute, sublicense, and/or sell copies of the Software, and to -permit persons to whom the Software is furnished to do so, subject to -the following conditions: - The above copyright notice and this permission notice shall be -included in all copies or substantial portions of the Software. - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, -EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF -MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND -NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE -LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION -OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION -WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE -*/Object.defineProperty(t,"__esModule",{value:!0}),Object.defineProperty(t,"default",{enumerable:!0,get:function(){return m}});let r=n(43219)._(n(2784)),o=n(12635),i=[],a=[],l=!1;function s(e){let t=e(),n={loading:!0,loaded:null,error:null};return n.promise=t.then(e=>(n.loading=!1,n.loaded=e,e)).catch(e=>{throw n.loading=!1,n.error=e,e}),n}class u{promise(){return this._res.promise}retry(){this._clearTimeouts(),this._res=this._loadFn(this._opts.loader),this._state={pastDelay:!1,timedOut:!1};let{_res:e,_opts:t}=this;e.loading&&("number"==typeof t.delay&&(0===t.delay?this._state.pastDelay=!0:this._delay=setTimeout(()=>{this._update({pastDelay:!0})},t.delay)),"number"==typeof t.timeout&&(this._timeout=setTimeout(()=>{this._update({timedOut:!0})},t.timeout))),this._res.promise.then(()=>{this._update({}),this._clearTimeouts()}).catch(e=>{this._update({}),this._clearTimeouts()}),this._update({})}_update(e){this._state={...this._state,error:this._res.error,loaded:this._res.loaded,loading:this._res.loading,...e},this._callbacks.forEach(e=>e())}_clearTimeouts(){clearTimeout(this._delay),clearTimeout(this._timeout)}getCurrentValue(){return this._state}subscribe(e){return this._callbacks.add(e),()=>{this._callbacks.delete(e)}}constructor(e,t){this._loadFn=e,this._opts=t,this._callbacks=new Set,this._delay=null,this._timeout=null,this.retry()}}function c(e){return function(e,t){let n=Object.assign({loader:null,loading:null,delay:200,timeout:null,webpack:null,modules:null},t),i=null;function s(){if(!i){let t=new u(e,n);i={getCurrentValue:t.getCurrentValue.bind(t),subscribe:t.subscribe.bind(t),retry:t.retry.bind(t),promise:t.promise.bind(t)}}return i.promise()}if(!l){let e=n.webpack?n.webpack():n.modules;e&&a.push(t=>{for(let n of e)if(t.includes(n))return s()})}function c(e,t){!function(){s();let e=r.default.useContext(o.LoadableContext);e&&Array.isArray(n.modules)&&n.modules.forEach(t=>{e(t)})}();let a=r.default.useSyncExternalStore(i.subscribe,i.getCurrentValue,i.getCurrentValue);return r.default.useImperativeHandle(t,()=>({retry:i.retry}),[]),r.default.useMemo(()=>{var t;return a.loading||a.error?r.default.createElement(n.loading,{isLoading:a.loading,pastDelay:a.pastDelay,timedOut:a.timedOut,error:a.error,retry:i.retry}):a.loaded?r.default.createElement((t=a.loaded)&&t.default?t.default:t,e):null},[e,a])}return c.preload=()=>s(),c.displayName="LoadableComponent",r.default.forwardRef(c)}(s,e)}function d(e,t){let n=[];for(;e.length;){let r=e.pop();n.push(r(t))}return Promise.all(n).then(()=>{if(e.length)return d(e,t)})}c.preloadAll=()=>new Promise((e,t)=>{d(i).then(e,t)}),c.preloadReady=e=>(void 0===e&&(e=[]),new Promise(t=>{let n=()=>(l=!0,t());d(a,e).then(n,n)})),window.__NEXT_PRELOADREADY=c.preloadReady;let m=c},25237:function(e,t,n){e.exports=n(80317)},5632:function(e,t,n){e.exports=n(5244)}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/64258-624443c337c8f2a3.js b/version/v0.0.66/_next/static/chunks/64258-624443c337c8f2a3.js deleted file mode 100644 index 85fcd2cbc3a..00000000000 --- a/version/v0.0.66/_next/static/chunks/64258-624443c337c8f2a3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64258],{64258:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPage",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/64339-590e897bb5958749.js b/version/v0.0.66/_next/static/chunks/64339-590e897bb5958749.js deleted file mode 100644 index 86cde7a3b85..00000000000 --- a/version/v0.0.66/_next/static/chunks/64339-590e897bb5958749.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64339],{64339:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return i}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/64355-a8de9c51a574ffa2.js b/version/v0.0.66/_next/static/chunks/64355-a8de9c51a574ffa2.js deleted file mode 100644 index cacad45f2f8..00000000000 --- a/version/v0.0.66/_next/static/chunks/64355-a8de9c51a574ffa2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64355],{64355:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Static (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Static (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Interactive Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'
    ',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" vue",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Radio 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":code=\"{'angular':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','html':'
    ','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','vue':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2'}\">Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Radio 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"db-radio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-radio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/db-tag>','html':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"div class=\\'db-tab\\'>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"input type=\\'radio\\' class=\\'db-checkbox\\' id=\\'checkbox-element\\' />",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"label for=\\'checkbox-element\\'>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/label>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/div>','react':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>','vue':'",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBTag>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"DBRadio>Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBRadio>",props:{style:{color:"#A3BE8C"}}},{content:"<",props:{style:{color:"#D8DEE9"}}},{content:"/DBTag>'}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Radio 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" code",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" angular",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" html",props:{style:{color:"#D8DEE9"}}},{content:": '",props:{style:{color:"#ECEFF4"}}},{content:'
    ',props:{style:{color:"#A3BE8C"}}},{content:"',",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" react",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" vue",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Interactive Radio 2",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Radio 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag component",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":code=\"{'angular':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','html':'
    ','react':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2','vue':'Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2'}\">Interactive ",props:{style:{color:"#D8DEE9"}}},{content:"Radio ",props:{style:{color:"#8FBCBB"}}},{content:"2",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Radio 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Removeable",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Remove tag",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"removable",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Removeable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Removeable",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Remove tag",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/64737-2a5ca42b4161855a.js b/version/v0.0.66/_next/static/chunks/64737-2a5ca42b4161855a.js deleted file mode 100644 index a4a9f48d777..00000000000 --- a/version/v0.0.66/_next/static/chunks/64737-2a5ca42b4161855a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64737],{64737:function(o,t,n){n.r(t),n.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var e=n(52322),r=n(45392),c=n(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,e.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,e.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,e.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBNavigationItem",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"NavigationContentDirective ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBNavigationItem",props:{style:{color:"#D08770"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"NavigationContentDirective",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,e.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,e.jsxs)(t.p,{children:["We try to set ",(0,e.jsx)(t.code,{children:"areaPopup"})," (has/hasn't sub-navigation) inside the component, but this doesn't work in all frameworks. If you encounter some problems you have the set ",(0,e.jsx)(t.code,{children:"areaPopup"})," with ",(0,e.jsx)(t.code,{children:"true/false"})," for sub-navigation or link"]}),"\n",(0,e.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"NavigationItem",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/64960-731e79fa5e262626.js b/version/v0.0.66/_next/static/chunks/64960-731e79fa5e262626.js deleted file mode 100644 index 1212dc93147..00000000000 --- a/version/v0.0.66/_next/static/chunks/64960-731e79fa5e262626.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64960],{64960:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"functional",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"regular (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"expressive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/64968-d8a813405f529542.js b/version/v0.0.66/_next/static/chunks/64968-d8a813405f529542.js deleted file mode 100644 index 33a39ab82bb..00000000000 --- a/version/v0.0.66/_next/static/chunks/64968-d8a813405f529542.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64968],{64968:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSection ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBSection",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Section",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/65708-939cec2a1ef619d1.js b/version/v0.0.66/_next/static/chunks/65708-939cec2a1ef619d1.js deleted file mode 100644 index bdd369eb93f..00000000000 --- a/version/v0.0.66/_next/static/chunks/65708-939cec2a1ef619d1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[65708],{65708:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) 4 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) 4 Rows",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" rows",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"8",props:{style:{color:"#B48EAD"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Custom",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':rows="8" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" rows",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"8",props:{style:{color:"#B48EAD"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Custom",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Custom Example 8 Rows",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':rows="8" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Custom",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/65a8b803-fdcb0e7e5672dc8e.js b/version/v0.0.66/_next/static/chunks/65a8b803-fdcb0e7e5672dc8e.js deleted file mode 100644 index e9c8f20b81a..00000000000 --- a/version/v0.0.66/_next/static/chunks/65a8b803-fdcb0e7e5672dc8e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[64996],{65854:function(e,t,n){n.d(t,{EK:function(){return e6},ds:function(){return tl}});var r,o,i=n(2784),l=n(28316);function a(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols)for(var o=0,r=Object.getOwnPropertySymbols(e);ot.indexOf(r[o])&&Object.prototype.propertyIsEnumerable.call(e,r[o])&&(n[r[o]]=e[r[o]]);return n}let s=e=>/^#([A-Fa-f0-9]{3,4}){1,2}$/.test(e),u=(e,t)=>e.match(RegExp(`.{${t}}`,"g")),c=e=>parseInt(e.repeat(2/e.length),16);function f(e,t){return{prev:t(e.prev,"prev"),next:t(e.next,"next")}}function h(e,t){return{prev:(null==e?void 0:e.prev)===void 0?t:e.prev,next:(null==e?void 0:e.next)===void 0?t:e.next}}function d(e){return e.lines.map(e=>e.tokens.map(e=>e.content).join("")).join("\n")}function m(e){return e.split(/,(?![^\[]*\])/g)}function p(e){return e.reduce((e,t)=>Object.assign(e,t),{})}function v(e){let t=e.match(/(\d+)\[(.+)\]/);if(!t)return p(x(e).map(e=>({[e]:!0})));{let[,e,n]=t,r=n.split(",").map(g);return{[Number(e)]:r}}}function g(e){let[t,n]=e.split(":");if(!E(t))throw new j(t);let r=Number(t);if(r<1)throw new w;if(!n)return{start:r,end:r};if(!E(n))throw new j(n);return{start:r,end:+n}}function b(e){if(!e)throw Error("Focus cannot be empty");try{let t=e.split(/,(?![^\[]*\])/g).map(y);return function(e){let t={},n=-1,r=null==e?0:e.length;for(;++n[e-1,!0]);{let[,e,n]=t,r=n.split(",").map(x);return[[Number(e)-1,r.flat().map(e=>e-1)]]}}function x(e){let[t,n]=e.split(":");if(!E(t))throw new j(t);let r=Number(t);if(r<1)throw new w;if(!n)return[r];{if(!E(n))throw new j(n);let e=[];for(let t=r;t<=+n;t++)e.push(t);return e}}function E(e){var t=Math.abs(e=e.toString()),n=parseInt(e,10);return!isNaN(t)&&n===t&&t.toString()===e}class w extends Error{constructor(){super("Invalid line or column number in focus string"),Object.setPrototypeOf(this,new.target.prototype)}}class j extends Error{constructor(e){super(`Invalid number "${e}" in focus string`),this.number=e,Object.setPrototypeOf(this,new.target.prototype)}}let O="undefined"!=typeof window?i.useLayoutEffect:i.useEffect,N=/\r\n|\r|\n/;function k(e,t){let n=e?e.split(N):[""],r=t?Object.keys(b(t)).map(e=>parseInt(e,10)):[...n.keys()],o="";return n.forEach((e,t)=>{r.includes(t)&&e.length>o.length&&(o=e)}),o}function _(e){let t=getComputedStyle(e);return parseFloat(t.width)-parseFloat(t.paddingLeft)-parseFloat(t.paddingRight)}function C(e){if(!e)return null;let t=getComputedStyle(e);return parseFloat(t.height)-parseFloat(t.paddingTop)-parseFloat(t.paddingBottom)}function S(){}S.prototype={diff:function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{},r=n.callback;"function"==typeof n&&(r=n,n={}),this.options=n;var o=this;function i(e){return r?(setTimeout(function(){r(void 0,e)},0),!0):e}e=this.castInput(e),t=this.castInput(t),e=this.removeEmpty(this.tokenize(e));var l=(t=this.removeEmpty(this.tokenize(t))).length,a=e.length,s=1,u=l+a,c=[{newPos:-1,components:[]}],f=this.extractCommon(c[0],t,e,0);if(c[0].newPos+1>=l&&f+1>=a)return i([{value:this.join(t),count:t.length}]);function h(){for(var n=-1*s;n<=s;n+=2){var r=void 0,u=c[n-1],f=c[n+1],h=(f?f.newPos:0)-n;u&&(c[n-1]=void 0);var d=u&&u.newPos+1=l&&h+1>=a)return i(function(e,t,n,r,o){for(var i=0,l=t.length,a=0,s=0;ie.length?n:e}),u.value=e.join(f)}else u.value=e.join(n.slice(a,a+u.count));a+=u.count,u.added||(s+=u.count)}}var h=t[l-1];return l>1&&"string"==typeof h.value&&(h.added||h.removed)&&e.equals("",h.value)&&(t[l-2].value+=h.value,t.pop()),t}(o,r.components,t,e,o.useLongestToken));c[n]=r}s++}if(r)!function e(){setTimeout(function(){if(s>u)return r();h()||e()},0)}();else for(;s<=u;){var d=h();if(d)return d}},pushComponent:function(e,t,n){var r=e[e.length-1];r&&r.added===t&&r.removed===n?e[e.length-1]={count:r.count+1,added:t,removed:n}:e.push({count:1,added:t,removed:n})},extractCommon:function(e,t,n,r){for(var o=t.length,i=n.length,l=e.newPos,a=l-r,s=0;l+1t-1<=e&&et.start-1<=e&&er?i:o+(e.ease||q.linear)((t-n)/(r-n))*(i-o)}}function W([e,t],n,r){if(r<=1)return[e,t];let o=t-e,i=o/Math.pow(r,1/8),l=e+(o-i)/(r-1)*n;return[l,l+i]}L.tokenize=function(e){return e.slice()},L.join=L.removeEmpty=function(e){return e};let q={linear:function(e){return e},easeInQuad:function(e){return e*e},easeOutQuad:function(e){return e*(2-e)},easeInOutCubic:function(e){return e<.5?4*e*e*e:(e-1)*(2*e-2)*(2*e-2)+1}};function R(e){return!!e.focus.match(/(\d+)\[(.+)\]/)}function X(e,t,n){let r=[...t];r.sort((e,t)=>e.lineNumbers.start-t.lineNumbers.start);let o=0,i=[];for(;ot.lineNumbers.start)throw"Code Hike can't handle two annotations for the same line";if(t&&n(l)===t.lineNumbers.start){let a={lines:[],annotation:t};for(;l&&(!n(l)||n(l)<=t.lineNumbers.end);)a.lines.push(l),l=e[++o];i.push(a),r.shift()}else if(t){let r={lines:[]};for(;l&&(!n(l)||n(l)0;){let t=e.shift();r.push(t),o+=t.tokens.reduce((e,t)=>e+t.content.length,0)}return r}function U({dimensions:e,codeStep:t,children:n,minZoom:r=0,maxZoom:o=1.2,center:l=!1,progress:s}){let{prev:u,next:c}=function(e){var{codeStep:t}=e,n=a(e,["codeStep"]);let{lineHeight:r,lineWidth:o}=n.dimensions;return f({prev:{extremes:[t.firstFocusedLineNumber.prev-1,t.lastFocusedLineNumber.prev-1],originalContentHeight:t.lineCount.prev*r,lineWidth:o[0]},next:{extremes:[t.firstFocusedLineNumber.next-1,t.lastFocusedLineNumber.next-1],originalContentHeight:t.lineCount.next*r,lineWidth:o[1]}},({extremes:e,originalContentHeight:t,lineWidth:r})=>(function({dimensions:e,lineWidth:t,minZoom:n,maxZoom:r,extremes:o,originalContentHeight:i,horizontalCenter:l}){var a,s;let{lineHeight:u}=e,c=null==e?void 0:e.contentHeight,f=null==e?void 0:e.contentWidth,h=(o[1]-o[0]+3)*u,d=Math.max(Math.min((f-((null==e?void 0:e.lineNumberWidth)||16)-16)/t,c/h,r),n),m=i*d,p=(o[0]-1)*u*d,v=(o[1]+2)*u*d;return{zoom:d,dx:l?Math.max(f/2-t*d/2,0):0,dy:c>m?(c-m)/2:(a=c/2-(v+p)/2)<=(s=Math.max(c-m,-p))?s:a>=0?0:a,focusHeight:v-p,focusWidth:t*d}})(Object.assign({extremes:e,originalContentHeight:t,lineWidth:r},n)))}({codeStep:t,dimensions:e,minZoom:r,maxZoom:o,horizontalCenter:l}),h=Y(u.zoom,c.zoom,s),d=Y(u.dx,c.dx,s),m=Y(u.dy,c.dy,s,t.verticalInterval),p=Y(u.focusHeight,c.focusHeight,s),v=Y(u.focusWidth,c.focusWidth,s),g=((null==e?void 0:e.lineNumberWidth)||0)*h||16,b=Math.max(v+g,e.contentWidth);return i.createElement(G,{width:e.containerWidth,height:e.containerHeight,lang:t.lang},i.createElement(V,{dx:d,dy:m,scale:h,height:Math.max(p,e.contentHeight),width:b},n(v,g/h)))}function G({width:e,height:t,children:n,lang:r}){return i.createElement("code",{style:{width:e,height:t,position:"relative",overflow:"auto"},className:"ch-code-scroll-parent",children:n,"data-ch-lang":r})}function V({dx:e,dy:t,scale:n,height:r,width:o,children:l}){return i.createElement("div",{style:{position:"absolute",top:0,left:0,transformOrigin:"top left",width:o,height:r,overflow:"hidden"},className:"ch-code-scroll-content"},i.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translateX(${e}px) translateY(${t}px) scale(${n})`,transformOrigin:"left top",width:o/n,height:(r-2*t)/n},children:l}))}function Y(e,t,n,r=[0,1]){return $({fixed:!1,interval:r,extremes:[e,t],ease:q.easeInOutCubic},n)}function Z(e){return i.createElement(U,Object.assign({},e),(t,n)=>i.createElement(D,{codeStep:e.codeStep,focusWidth:t,lineHeight:e.dimensions.lineHeight,progress:e.progress,startX:n,lineNumberWidth:e.dimensions.lineNumberWidth}))}function D({codeStep:e,progress:t,focusWidth:n,lineHeight:r,startX:o,lineNumberWidth:l}){let a=t<.5?e.groups.prev:e.groups.next;return i.createElement(i.Fragment,null,a.map((e,a)=>{if(!e.annotation)return i.createElement(J,{lines:e.lines,t:t,focusWidth:n,lineHeight:r,startX:o,key:a,lineNumberWidth:l});let s=$(e.lines[0].tweenY,t),u=e.annotation.lineNumbers.end-e.annotation.lineNumbers.start+1,c=e.annotation.Component;return i.createElement(c,{style:{position:"absolute",height:u*r,width:"100%",transform:`translateY(${s*r}px)`},key:a,data:e.annotation.data,isInline:!1,lines:e.lines},i.createElement(J,{lines:e.lines,t:t,focusWidth:n,lineHeight:r,startY:s,startX:o,lineNumberWidth:l}))}))}function J({lines:e,focusWidth:t,lineHeight:n,t:r,startX:o,startY:l=0,lineNumberWidth:a}){return i.createElement(i.Fragment,null,e.map((e,s)=>{let{tweenX:u,tweenY:c,focused:f}=e,h=$(u,r),d=$(c,r),m=en(f,r,h);return i.createElement(i.Fragment,{key:s},a?i.createElement("span",{className:"ch-code-line-number",style:{position:"absolute",top:0,left:0,transform:`translate(${h*t}px, ${(d-l)*n}px)`,width:a,opacity:m}},r<.5?e.lineNumber.prev:e.lineNumber.next):void 0,i.createElement(et,{dx:o+h*t,dy:(d-l)*n,width:t,opacity:m},i.createElement(Q,{line:e,progress:r,dx:h})))}))}function Q({line:e,progress:t,dx:n}){return i.createElement("div",{style:{display:"inline-block",width:"100%"}},e.annotatedGroups.map((e,r)=>i.createElement(ee,{annotatedGroup:e,progress:t,dx:n,key:r})),i.createElement("br",null))}function ee({annotatedGroup:e,progress:t,dx:n}){var r,o;let l=t<.5?e.prev:e.next,a=(null==l?void 0:l.groups)||[],s=null===(r=null==l?void 0:l.annotation)||void 0===r?void 0:r.Component,u=a.map((e,r)=>{let o=en(e.focused,t,n);return i.createElement("span",{style:{opacity:o},key:r+1},e.element)});return s?i.createElement(s,{children:u,data:null===(o=null==l?void 0:l.annotation)||void 0===o?void 0:o.data,isInline:!0}):i.createElement(i.Fragment,null,u)}function et({children:e,dx:t,dy:n,opacity:r,width:o}){return i.createElement("div",{style:{position:"absolute",top:0,left:0,transform:`translate(${t}px, ${n}px)`,width:o,display:r<=0?"none":void 0}},e)}function en(e,t,n){return $({fixed:!1,extremes:[e.prev?.99:.33,e.next?.99:.33],interval:[0,1]},t)-1*Math.abs(n)}function er({content:e,style:t,className:n}){let[r,o]=i.useState(!1);return i.createElement("button",{type:"button",title:"Copy code",className:n,style:t,onClick:()=>{(function(e){if(!navigator.clipboard){(function(e){var t=document.createElement("textarea");t.value=e,t.style.top="0",t.style.left="0",t.style.position="fixed",document.body.appendChild(t),t.focus(),t.select();try{document.execCommand("copy")}catch(e){}document.body.removeChild(t)})(e);return}navigator.clipboard.writeText(e)})(e),o(!0),setTimeout(()=>{o(!1)},1200)}},i.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},r?i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M5 13l4 4L19 7"}):i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:"1.6px",d:"M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"})))}function eo(e){var{tween:t,progress:n,config:r}=e,o=a(e,["tween","progress","config"]);let l=function({tween:e}){var t;return function(e){let{highlightedLines:t,focus:n}=e;return i.useMemo(()=>(function({focus:e,annotations:t,highlightedLines:n,lang:r}){var o,l;let s,u;let c=f(n,e=>e.map(e=>e.tokens.map(e=>e.content).join("")).join("\n").trimEnd().concat("\n")),d=(o=c,l=n,s=0,u=0,{lines:(function(e){var t,n;let r=(t=e.prev,n=e.next,M.diff(t,n,void 0)),o=[],i=0,l=0;return r.forEach(e=>{if(e.added)for(let t=0;tvoid 0===e.next?Object.assign(Object.assign({},l.prev[e.prev]),{lineNumber:{prev:e.prev+1},move:"exit",enterIndex:null,exitIndex:u++}):void 0===e.prev?Object.assign(Object.assign({},l.next[e.next]),{lineNumber:{next:e.next+1},move:"enter",enterIndex:s++,exitIndex:null}):Object.assign(Object.assign({},l.prev[e.prev]),{lineNumber:{prev:e.prev+1,next:e.next+1},move:"stay",enterIndex:null,exitIndex:null})),enterCount:s,exitCount:u}),{inlineAnnotations:b,multilineAnnotations:y}=function(e){let t=f(h(e,[]),e=>e.flatMap(e=>m(e.focus).map(t=>Object.assign(Object.assign({},e),{focus:t})))),n=f(h(t,[]),e=>e.filter(R)),r=f(h(t,[]),e=>e.filter(e=>!R(e)));return{inlineAnnotations:f(n,e=>(function(e){let t={};return e.forEach(e=>{let n=v(e.focus),r=+Object.keys(n)[0],o=n[r],i=t[r]||[];i.push({columnNumbers:o[0],data:e.data,Component:e.Component}),t[r]=i}),t})(e)),multilineAnnotations:f(r,e=>e.map(e=>({lineNumbers:g(e.focus),data:e.data,Component:e.Component})))}}(t);return function(e,t,n){var r,o;let i=(r=e.enterCount,o=e.exitCount,r<=0&&o<=0?[0,1]:r<=0&&o>=1?[.33,1]:r>=1&&o<=0?[0,.67]:[.25,.75]),l=f(e.lineGroups,t=>t.map(t=>Object.assign(Object.assign({},t),{lines:function(e,t,n,r){let[o,i]=t;return e.map(e=>{let t=f(e.lineNumber,e=>e&&e-1),{enterIndex:l,exitIndex:a}=e,s="exit"===e.move?{fixed:!0,value:t.prev}:"enter"===e.move?{fixed:!0,value:t.next}:{fixed:!1,extremes:[t.prev,t.next],interval:[o,i],ease:q.easeInOutCubic},u="exit"===e.move?{fixed:!1,extremes:[0,-1],ease:q.easeInQuad,interval:W([0,o],a,r)}:"enter"===e.move?{fixed:!1,extremes:[1,0],ease:q.easeOutQuad,interval:W([i,1],l,n)}:{fixed:!0,value:0};return Object.assign(Object.assign({},e),{tweenX:u,tweenY:s})})}(t.lines,i,e.enterCount,e.exitCount)})));return Object.assign(Object.assign({},e),{groups:l,verticalInterval:i,code:t,lang:n})}(function(e,t,n){var r,{lines:o}=e,i=a(e,["lines"]);let l={prev:X(r=o.map(e=>{var{groups:n}=e,r=a(e,["groups"]);let{lineNumber:o}=r,i={prev:o.prev&&t.prev[o.prev]||[],next:o.next&&t.next[o.next]||[]};return Object.assign(Object.assign({},r),{annotatedGroups:function(e,t){let n=[...e],r=[...e],o=[...t.prev],i=[...t.next],l=[],a=1,s=1;for(;n.length>0||r.length>0;){let e=o[0],t=i[0],u=e&&e.columnNumbers.start===a,c=t&&t.columnNumbers.start===s;if(as){if(c){let e=t.columnNumbers.end+1;l.push({next:{annotation:t,groups:K(r,s,e)}}),s=e,i.shift()}else{let e=Math.min(a,(null==t?void 0:t.columnNumbers.start)||a);l.push({next:{groups:K(r,s,e)}}),s=e}}else if(a==s){if(u&&c&&e.columnNumbers.end===t.columnNumbers.end){let u=t.columnNumbers.end+1;l.push({prev:{annotation:e,groups:K(n,a,u)},next:{annotation:t,groups:K(r,s,u)}}),a=u,s=u,o.shift(),i.shift()}else if(u){let t=e.columnNumbers.end+1;l.push({prev:{annotation:e,groups:K(n,a,t)}}),a=t,o.shift()}else if(c){let e=t.columnNumbers.end+1;l.push({next:{annotation:t,groups:K(r,s,e)}}),s=e,i.shift()}else if(e||t){let o=Math.min((null==e?void 0:e.columnNumbers.start)||Number.MAX_VALUE,(null==t?void 0:t.columnNumbers.start)||Number.MAX_VALUE);l.push({prev:{groups:K(n,a,o)},next:{groups:K(r,s,o)}}),a=o,s=o}else l.push({prev:{groups:n},next:{groups:r}}),n=[],r=[]}}return l}(n,i)})}),n.prev,e=>e.lineNumber.prev),next:X(r,n.next,e=>e.lineNumber.next)};return Object.assign(Object.assign({},i),{lineGroups:l,lineCount:{prev:o.filter(e=>null!=e.lineNumber.prev).length,next:o.filter(e=>null!=e.lineNumber.next).length}})}(function(e,t,n){let{lines:r}=e,o=a(e,["lines"]),l=f(t,(e,t)=>{let n="prev"===t?r.filter(e=>"enter"!==e.move):r.filter(e=>"exit"!==e.move);return e?p(m(e).map(v)):p([...n.keys()].map(e=>({[e+1]:!0})))}),s=r.map(e=>{let{tokens:t}=e,r=a(e,["tokens"]),o={prev:!!e.lineNumber.prev&&l.prev[e.lineNumber.prev],next:!!e.lineNumber.next&&l.next[e.lineNumber.next]},s={prev:e.lineNumber.prev&&n.prev[e.lineNumber.prev]||[],next:e.lineNumber.next&&n.next[e.lineNumber.next]||[]};return Object.assign({focused:f(o,e=>!!e),groups:function(e,t,n){let r=f(t,e=>Array.isArray(e)?e:[]),o=f(n,e=>e.map(({columnNumbers:e})=>e)),l=function(e,t){let n=[...t.map(e=>e.start-1),...t.map(e=>e.end)],r=e;return n.forEach(e=>{let t=[],n=0;r.forEach(r=>{let o=n,i=n+r.content.length;if(o{let r=B(a,t.prev),o=B(a,t.next),i=I(a,n.prev),l=I(a,n.next);s&&s.focused.prev===r&&s.focused.next===o&&s.annotation.prev===i&&s.annotation.next===l||(s={focused:{prev:r,next:o},tokens:[],annotation:{prev:i,next:l}},u.push(s)),null==s||s.tokens.push(e),a+=e.content.length}),u.map(e=>({focused:e.focused,tokens:e.tokens,element:i.createElement(i.Fragment,null,e.tokens.map(({content:e,props:t},n)=>i.createElement("span",Object.assign({},t,{key:n+1}),e)))}))}(t,o,s)},r)}),u=f(l,e=>Object.keys(e).map(e=>Number(e)));return Object.assign({lines:s,firstFocusedLineNumber:f(u,e=>Math.min(...e)),lastFocusedLineNumber:f(u,e=>Math.max(...e))},o)}(d,h(e,null),b),b,y),c,r)})(e),[t.prev,t.next,n.prev,n.next])}({highlightedLines:f(e,e=>e.code.lines),focus:f(e,e=>e.focus),annotations:f(e,e=>e.annotations),lang:(t=e=>{var t;return null===(t=null==e?void 0:e.code)||void 0===t?void 0:t.lang})(e.prev)||t(e.next)})}({tween:t}),{element:s,dimensions:u}=function(e,t,n,r,o,l){let[a,s]=i.useState(null),[u,c]=i.useState(0),f=function(){let[e,t]=i.useState(void 0);return i.useEffect(()=>{function e(){t(window.innerWidth)}return window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),e}(),h=i.useRef(null),{prevLongestLine:d,nextLongestLine:m,element:p}=i.useMemo(()=>{let n=k(e.prev,t.prev),l=k(e.next,t.next),a=(e.prev||e.next).trimEnd().split(N),s=Math.max(a.length,10);if(o){let e="focus"===o?function(e,t){let[n,r]=function(e,t){if(!e)return[0,t.length-1];{let t=Object.keys(b(e)).map(e=>parseInt(e,10));return[Math.min(...t),Math.max(...t)]}}(e.prev,t);return r-n+1}(t,a):o,r=a.length;for(;re;)a.pop(),r--;n&&!a.includes(n)&&(a[a.length-1]=n)}let u=!1,c=i.createElement("code",{className:"ch-code-scroll-parent"},i.createElement("br",null),a.map((e,t)=>{let o=u||e!==n?void 0:h;return u=u||null!=o,i.createElement("div",{ref:o,key:t},r?i.createElement("span",{className:"ch-code-line-number"},"_",s):void 0,i.createElement("div",{style:{display:"inline-block",marginLeft:16}},i.createElement("span",null,e)))}),i.createElement("br",null));return{prevLongestLine:n,nextLongestLine:l,element:c}},[e]),v=[...l,f,d,m,n,u];return(O(()=>{var e;if(h.current){let t=h.current,r=null==t?void 0:t.parentElement,o=r.parentElement,{width:i}=o.getBoundingClientRect();if(!i&&0===u){let e=new ResizeObserver(([t])=>{let{width:n}=t.contentRect;n&&(e.disconnect(),c(1))});return e.observe(o),()=>e.disconnect()}let l=null==t?void 0:t.querySelector(":scope > div"),a=null==t?void 0:t.querySelector(":scope > span"),f=a?parseFloat(getComputedStyle(a).width):0,p=_(l),g=p/d.length||1,b=m.length*g,y=null!==(e=C(l))&&void 0!==e?e:20;s({containerWidth:_(o.parentElement),containerHeight:C(o.parentElement),contentWidth:_(r.parentElement),contentHeight:C(r.parentElement),lineWidths:[p||b||200,b||p||200],lineWidth:[Math.max(p||b||200,g*n),Math.max(b||p||200,g*n)],lineHeight:y,colWidth:g,lineNumberWidth:f,deps:v})}return()=>{}},v),!a||function(e,t){for(let n=0;ne.focus),r.minColumns||10,r.lineNumbers||!1,r.rows,[r.parentHeight]);return!u||r.debug?i.createElement(ei,{element:s,htmlProps:o,debug:r.debug}):i.createElement(el,{dimensions:u,stepInfo:l,config:r,progress:n,htmlProps:o})}function ei({element:e,htmlProps:t,debug:n}){return i.createElement(ea,{htmlProps:t,measured:!1},e)}function el({config:{minZoom:e=1,maxZoom:t=1,horizontalCenter:n=!1},dimensions:r,stepInfo:o,progress:l,htmlProps:a,config:s}){var u;return i.createElement(ea,{htmlProps:a,measured:!0},i.createElement(Z,{codeStep:o,progress:l,dimensions:r,minZoom:e,maxZoom:t,center:n}),s.showCopyButton?i.createElement(er,{className:"ch-code-button",content:null===(u=null==o?void 0:o.code)||void 0===u?void 0:u.prev}):void 0)}function ea({htmlProps:e,children:t,measured:n}){return i.createElement("div",Object.assign({},e,{className:`ch-code-wrapper ${(null==e?void 0:e.className)||""}`,"data-ch-measured":n,children:t}))}function es(){return"undefined"!=typeof window?performance.now():0}function eu(e,t){var n=t.stiffness,r=t.damping,o=t.mass,i=t.decimals,l=t.teleport;return{X:e,k:null!=n?n:170,c:null!=r?r:26,m:null!=o?o:1,teleport:null!=l&&l,decimals:null!=i?i:2}}var ec=Math.sqrt,ef=Math.exp,eh=Math.sin,ed=Math.cos;function em(e){var t=e.x0,n=e.v0,r=e.t0,o=e.t,i=e.k,l=e.c,a=e.m,s=e.X,u=t-s,c=(o-r)/1e3,f=l*l-4*i*a;if(f>0){var h=(-l+ec(f))/(2*a),d=(-l-ec(f))/(2*a),m=(u*h-n)/(h-d),p=(n-u*d)/(h-d);return{x:s+m*ef(d*c)+p*ef(h*c),v:m*d*ef(d*c)+p*h*ef(h*c)}}if(f<0){var v=-l/(2*a),g=ec(-f)/(2*a),b=(n-v*u)/g;return{x:s+ef(v*c)*(u*ed(g*c)+b*eh(g*c)),v:ef(v*c)*((b*g+u*v)*ed(g*c)-(u*g-b*v)*eh(g*c))}}var y=-l/(2*a),x=n-y*u;return{x:s+(u+x*c)*ef(y*c),v:(x+u*y+x*y*c)*ef(y*c)}}var ep=[],ev=null;function eg(e){var t=ep.push(e);return 1===t&&(ev=requestAnimationFrame(ey)),[ev,t-1]}function eb(e){var t=e[0],n=e[1];t===ev&&delete ep[n]}function ey(){var e=es(),t=ep;ep=[],(0,l.unstable_batchedUpdates)(function(){return t.forEach(function(t){return t&&t(e)})})}var ex="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function eE(e,t){void 0===t&&(t={});var n,r,o,l,a,s,u,c,f,h=i.useState()[1],d=eu(e,t),m=(c=t,null==(f=i.useRef(null)).current&&(f.current={config:eu(e,c),state:{x0:null!=(n=c.from)?n:e,v0:null!=(r=c.initialSpeed)?r:0,t0:es(),raf:null}}),f.current),p=m.state,v=m.config,g=es(),b=p.x0,y=p.v0,x=p.t0,E=v.k,w=v.c,j=v.m,O=v.X,N=d.teleport?{x:O,v:0}:em({x0:b,v0:y,t0:x,t:g,k:E,c:w,m:j,X:O}),k=N.x,_=N.v,C=(o=d.decimals,l=d.X,a=d.k,s=d.c,u=d.m,ew(k,o)!==ew(l,o)||ew(em({x0:k,v0:_,t0:g,t:g+.016,k:a,c:s,m:u,X:l}).x,o)!==ew(l,o));return ex(function(){Object.assign(v,d)},[d.X,d.k,d.c,d.m,d.teleport]),ex(function(){p.x0=k,p.v0=_,p.t0=g},[k,_,g]),ex(function(){C&&null==p.raf?p.raf=eg(function e(t){var n=p.x0,r=p.v0,o=p.t0,i=v.k,l=v.c,a=v.m,s=v.X,u=v.decimals;ew(em({x0:n,v0:r,t0:o,t:t,k:i,c:l,m:a,X:s}).x,u)!==ew(n,u)?(p.raf=null,h(t)):p.raf=eg(e)}):C||null==p.raf||(eb(p.raf),p.raf=null)}),ex(function(){return function(){null!=p.raf&&eb(p.raf)}},[]),[ew(k,d.decimals),C]}function ew(e,t){var n=Math.pow(10,t);return Math.round(e*n)/n}let ej={stiffness:120,damping:24,mass:.2,decimals:3};function eO(e){var{step:t,config:n}=e,r=a(e,["step","config"]);let{tween:o,t:l}=function(e,t=ej){let[{target:n,steps:r,index:o},l]=i.useState({target:2,steps:[e,e,e],index:0});i.useEffect(()=>{r[r.length-1]!=e&&l(t=>(function(e,t,n){let{steps:r,target:o,index:i}=e,l=r.slice();return n-i<1?(l[2]=t,Object.assign(Object.assign({},e),{steps:l})):(l[0]=r[1],l[1]=r[2],l[2]=t,Object.assign(Object.assign({},e),{steps:l,target:o+1,index:i+1}))})(t,e,a))},[e]);let[a]=eE(n,t),s=a-o;return s<=1?{tween:{prev:r[0],next:r[1]},t:s}:{tween:{prev:r[1],next:r[2]},t:s-1}}(t,n.spring);return i.createElement(eo,Object.assign({tween:o,progress:l,config:n},r))}let eN=i.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,zoom:l=1,overflow:s}=e,u=a(e,["title","children","titleBar","zoom","overflow"]);let c=o||i.createElement(ek,{title:n});return i.createElement("div",Object.assign({},u,{ref:t}),i.createElement("div",{className:"ch-frame"},i.createElement("div",{className:"ch-frame-title-bar"},c),i.createElement("div",{className:"ch-frame-content"},i.createElement("div",{className:"ch-frame-zoom",style:{"--ch-frame-zoom":l,overflow:s}},r))))});function ek({title:e}){return i.createElement(i.Fragment,null,i.createElement("div",{className:"ch-frame-left-bar"},i.createElement(e_,null)),i.createElement("div",{className:"ch-frame-middle-bar"},e),i.createElement("div",{className:"ch-frame-right-bar"}))}function e_(){return i.createElement("div",{className:"ch-frame-buttons"},i.createElement("div",{className:"ch-frame-button ch-frame-button-left"}),i.createElement("div",{className:"ch-frame-button-space"}),i.createElement("div",{className:"ch-frame-button ch-frame-button-middle"}),i.createElement("div",{className:"ch-frame-button-space"}),i.createElement("div",{className:"ch-frame-button ch-frame-button-right"}))}i.forwardRef(function(e,t){var{title:n,children:r,titleBar:o,overflow:l}=e,s=a(e,["title","children","titleBar","overflow"]);let u=o||i.createElement(ek,{title:n});return i.createElement("div",Object.assign({},s,{ref:t}),i.createElement("div",{className:"ch-simple-frame"},i.createElement("div",{className:"ch-frame-title-bar"},u),r))});let eC=i.forwardRef(function(e,t){var n,{northPanel:r,southPanel:o,terminalPanel:l,style:s,height:u,northButton:c,southButton:f,className:h,onTabClick:d}=e,m=a(e,["northPanel","southPanel","terminalPanel","style","height","northButton","southButton","className","onTabClick"]);return i.createElement("div",Object.assign({ref:t},m,{className:"ch-editor-frame",style:s}),i.createElement("div",{className:"ch-frame-title-bar"},i.createElement(eS,{tabs:r.tabs,showFrameButtons:!0,button:c,panel:"north",onTabClick:d})),i.createElement("div",{"data-ch-panel":"north",style:r.style,children:r.children}),o&&i.createElement(i.Fragment,null,i.createElement("div",{className:"ch-frame-title-bar",style:{transform:null===(n=o.style)||void 0===n?void 0:n.transform}},i.createElement(eS,{tabs:o.tabs,showFrameButtons:!1,button:f,topBorder:!0,panel:"south",onTabClick:d})),i.createElement("div",{"data-ch-panel":"south",children:o.children,style:o.style})))});function eS({tabs:e,button:t,showFrameButtons:n,topBorder:r,panel:o,onTabClick:l}){return i.createElement(i.Fragment,null,r&&i.createElement("div",{className:"ch-editor-group-border"}),n?i.createElement(e_,null):i.createElement("div",null),e.map(({title:e,active:t,style:n})=>i.createElement("div",{key:e,title:e,"data-ch-tab":o,"data-active":t,className:"ch-editor-tab",style:n,onClick:l&&(()=>l(e))},i.createElement(eF,{title:e}))),i.createElement("div",{style:{flex:1,minWidth:"0.8em"}}),t)}function eF({title:e}){if(!e)return i.createElement("div",null);let t=e.lastIndexOf("/")+1,n=e.substring(t),r=e.substring(0,t);return i.createElement("div",null,i.createElement("span",{style:{opacity:.5}},r),n)}let eH=i.createElement("span",{className:"ch-terminal-prompt"},"$");function eP({text:e,progress:t=1,style:n}){let r=function(e,t){if(!e)return[];let n=Math.round(e.length*t),{commands:r}=function(e){let[,...t]=e.split(/^\$\s*/gm),n=t.map(e=>{let[t,...n]=e.split(/\r?\n/);return{run:t,output:n.length>0?n.join("\n"):null}}),r=n[n.length-1],o=n.length>0&&null!=r.output;return{title:o?r.run.split(/(\s+)/)[0]:"bash",isRunning:o,commands:n}}(e.slice(0,n));return r}(e,t);return i.createElement("pre",{style:n,className:"ch-terminal-content"},r.map(({run:e,output:t},n)=>i.createElement(i.Fragment,{key:n},i.createElement("div",null,eH," ",i.createElement("span",null,e)),t&&i.createElement("div",{className:"ch-terminal-output"},t))))}function eM({prev:e="",prevKey:t,next:n="",nextKey:r,progress:o}){return i.createElement("div",{className:"ch-terminal"},i.createElement("div",{style:{position:"relative",transform:`translateY(-${100*o}%)`}},i.createElement(eP,{text:e,progress:1,key:t}),i.createElement(eP,{style:{position:"absolute"},text:n,progress:o,key:r})))}function eT({steps:e,progress:t}){let n=e.map(e=>e.text),r=Math.min(Math.max(Math.floor(t),0),e.length-1),o=r+1;return i.createElement(eM,{prev:n[r],prevKey:r,next:n[o]||"",nextKey:o,progress:t%1})}function ez({prev:e,next:t,t:n,backward:r}){let o=function({prev:e,next:t,t:n,backward:r}){return e||t?!e&&t?eA*Math.min(4*n,1):e&&!t?eA*Math.max(1-4*n,0):eA:0}({prev:e,next:t,t:n,backward:r});return o?i.createElement("div",{className:"ch-editor-terminal",style:{height:o}},i.createElement("div",{className:"ch-editor-terminal-tab"},i.createElement("span",null,"Terminal")),i.createElement("div",{className:"ch-editor-terminal-content"},i.createElement(eT,{steps:[{text:e||""},{text:t||""}],progress:n}),")")):null}let eA=150;function eL(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[0]}):e}function eB(e){return Array.isArray(e.rows)?Object.assign(Object.assign({},e),{rows:e.rows[1]}):e}function eI({prevFile:e,nextFile:t,t:n,codeConfig:r,parentHeight:o}){var l;let a=Object.assign(Object.assign({},null==r?void 0:r.htmlProps),{style:Object.assign({height:"100%"},null===(l=null==r?void 0:r.htmlProps)||void 0===l?void 0:l.style)});return i.createElement(eo,Object.assign({progress:n,tween:{prev:e,next:t},config:Object.assign(Object.assign({},r),{parentHeight:o})},a))}function e$(e){return e?d(e.code):""}function eW(e,t,n){var r,o;let i=e.northPanel.active,l=t.northPanel.active,a=null===(r=e.southPanel)||void 0===r?void 0:r.active,s=null===(o=t.southPanel)||void 0===o?void 0:o.active,u=e.files.find(e=>e.name===i),c=t.files.find(e=>e.name===l),f=a?e.files.find(e=>e.name===a):null,h=s?t.files.find(e=>e.name===s):null;return a||i!==s?s||l!==a?{prevNorthFile:i===l?u:n?u:c,nextNorthFile:i===l?c:n?u:c,prevSouthFile:a===s?f:n?f||h:h||f,nextSouthFile:a===s?h:n?f||h:h||f}:{prevNorthFile:u,nextNorthFile:u,prevSouthFile:f,nextSouthFile:c}:{prevNorthFile:c,nextNorthFile:c,prevSouthFile:u,nextSouthFile:h}}function eq(e,t,n,r,o,i){let l=e?Object.keys(e).filter(e=>eR(e,n)||!n).map(t=>{let r=n&&n[t],l=e[t],a=r?r.left+(l.left-r.left)*i:l.left;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${a}px)`,width:r?r.width+(l.width-r.width)*i:l.width}}}):[],a=e?Object.keys(e).filter(e=>n&&!eR(e,n)).map(t=>{let n=e[t];return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${n.left}px)`,opacity:i,width:n.width}}}):[];return e&&Object.keys(e).filter(e=>eR(e,r)).map(t=>{let n=r[t],i=e[t].left-n.left;return{active:t===o,title:t,style:{position:"absolute",transform:`translateX(${i}px)`}}}),[...a,...l,...n?Object.keys(n).filter(t=>!eR(t,e)).map(e=>{let t=n[e];return{active:e===o,title:e,style:{position:"absolute",opacity:1-i,transform:`translateX(${t.left}px)`,width:t.width}}}):[]]}function eR(e,t){return t&&e&&e in t}let eX="undefined"!=typeof window?i.useLayoutEffect:i.useEffect;function eK(e,t){var n;let r=e.querySelector("[data-ch-panel='north']"),o=e.querySelector("[data-ch-panel='south']");return{titleBarHeight:e.querySelector(".ch-frame-title-bar").getBoundingClientRect().height,northHeight:r.getBoundingClientRect().height,northKey:t.northPanel.active,southHeight:(null==o?void 0:o.getBoundingClientRect().height)||null,southKey:null===(n=t.southPanel)||void 0===n?void 0:n.active}}function eU(e,t){var n;let r=Array.from(e.querySelectorAll("[data-ch-tab='north']")),o=Array.from(e.querySelectorAll("[data-ch-tab='south']"));return{northTabs:eG(r,t.northPanel.active),southTabs:eG(o,null===(n=t.southPanel)||void 0===n?void 0:n.active)}}function eG(e,t){if(!e[0])return null;let n=e[0].parentElement.getBoundingClientRect().left,r={};return e.forEach(e=>{let o=e.getAttribute("title"),i=e.getBoundingClientRect();r[o]={left:i.left-n,width:i.width,active:o===t}}),r}function eV({files:e,startingFileName:t}){let[n,r]=i.useState(()=>e.find(e=>e.name===t));return i.createElement("div",{className:"ch-code-browser"},i.createElement(eY,{files:e,activeFile:n,setActiveFile:r}),i.createElement(eJ,{file:n}))}function eY({files:e,activeFile:t,setActiveFile:n}){let r=i.useMemo(()=>(function(e){let t=[];for(let n of e){let e=n.name.split("/"),r=t;for(let t=0;te.name===o);if(-1===l){let e={name:o,children:[],codeFile:void 0};i&&(e.codeFile=n),r.push(e),r=e.children}else r=r[l].children}}return function e(t){for(let n of t)n.children=e(n.children);return t.sort((e,t)=>{let n=e.children&&e.children.length>0,r=t.children&&t.children.length>0;return n&&r||!n&&!r?e.name.localeCompare(t.name):n?-1:1})}(t)})(e),[e]);return i.createElement("div",{className:"ch-code-browser-sidebar"},i.createElement(eZ,{tree:r,activeFile:t,setActiveFile:n}))}function eZ({tree:e,activeFile:t,setActiveFile:n,level:r=0}){return i.createElement(i.Fragment,null,e.map(e=>i.createElement(eD,{key:e.name,node:e,activeFile:t,setActiveFile:n,level:r})))}function eD({node:e,activeFile:t,setActiveFile:n,level:r}){let o=e.children&&e.children.length>0,l=e.codeFile===t;return o?i.createElement("div",null,i.createElement("div",{className:"ch-code-browser-sidebar-folder"},i.createElement("div",{style:{paddingLeft:1.5*r+"ch"}},e.name)),i.createElement(eZ,{tree:e.children,activeFile:t,setActiveFile:n,level:r+1})):i.createElement("div",null,i.createElement("div",{className:"ch-code-browser-sidebar-file","data-selected":l,onClick:()=>n(e.codeFile)},i.createElement("div",{style:{paddingLeft:1.5*r+"ch"}},e.name)))}function eJ({file:e}){return i.createElement("div",{className:"ch-code-browser-content"},i.createElement(er,{className:"ch-code-browser-button",content:d(e.code)}),e.code.lines.map((e,t)=>i.createElement("div",{key:t},e.tokens.map((e,t)=>i.createElement("span",Object.assign({key:t},e.props),e.content)),i.createElement("br",null))))}function eQ({style:e,step:t,className:n}){let[r,o]=i.useState(!1),[l,a]=i.useState(!0),s=i.useRef(null),u=t.files;return(i.useEffect(()=>{s.current&&!s.current.showModal&&a(!1)},[]),l)?i.createElement(i.Fragment,null,i.createElement(e0,{className:n,style:e,onClick:()=>{s.current.showModal(),document.body.classList.add("ch-no-scroll"),o(!0)}}),i.createElement("dialog",{ref:s,className:"ch-expand-dialog",onClose:()=>{o(!1)},onClick:e=>{e.currentTarget===e.target&&(s.current.close(),document.body.classList.remove("ch-no-scroll"))}},i.createElement(e1,{onClick:()=>{s.current.close(),document.body.classList.remove("ch-no-scroll")}}),r?i.createElement("div",{className:"ch-expand-dialog-content"},i.createElement(eV,{files:u,startingFileName:t.northPanel.active})):void 0)):null}function e0({onClick:e,style:t,className:n}){return i.createElement("button",{type:"button",title:"Expand",style:t,onClick:e,className:n},i.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4"})))}function e1({onClick:e}){return i.createElement("button",{onClick:e,className:"ch-expand-close",type:"button",title:"Close"},i.createElement("svg",{fill:"none",stroke:"currentColor",viewBox:"0 0 24 24",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,d:"M6 18L18 6M6 6l12 12"})))}let e2={files:[{code:{lines:[],lang:"js"},focus:"",name:""}],northPanel:{active:"",tabs:[""],heightRatio:1}};function e4(e){var{prev:t=e2,next:n,t:r,backward:o,codeConfig:l,frameProps:s={}}=e,u=a(e,["prev","next","t","backward","codeConfig","frameProps"]);let c=i.createRef(),{showCopyButton:f,showExpandButton:h}=l,{northPanel:d,southPanel:m,northContent:p,southContent:v}=function(e,t,n,r,o,l){var a,s,u,c,f,h,d,m,p;let{prevSnapshot:v,nextSnapshot:g}=function(e,t,n){let[{prevSnapshot:r,nextSnapshot:o},l]=i.useState({prevSnapshot:null,nextSnapshot:null});return eX(()=>{(r||o)&&l({prevSnapshot:null,nextSnapshot:null})},[t,n]),eX(()=>{if(r){if(!o){let t=e.current;l(e=>Object.assign(Object.assign({},e),{nextSnapshot:Object.assign(Object.assign({},eK(t,n)),eU(t,n))}))}}else{let n=e.current;l(e=>Object.assign(Object.assign({},e),{prevSnapshot:Object.assign(Object.assign({},eK(n,t)),eU(n,t))}))}}),{prevSnapshot:r,nextSnapshot:o}}(e,t,n);if(!v)return function(e,t,n){let r=e.northPanel,o=e.southPanel,{prevNorthFile:l,prevSouthFile:a,nextNorthFile:s,nextSouthFile:u}=eW(e,t,!0);return{northContent:e$(l),northPanel:{tabs:r.tabs.map(e=>({title:e,active:e===r.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eL(n),prevFile:l,nextFile:l,t:0,parentHeight:"0"})},southContent:e$(a),southPanel:o&&{tabs:o.tabs.map(e=>({title:e,active:e===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eB(n),prevFile:a,nextFile:a,t:0,parentHeight:"0"})}}}(t,n,l);if(!g||1===r)return function(e,t,n){var r;let o=t.northPanel,l=t.southPanel,{prevNorthFile:a,prevSouthFile:s,nextNorthFile:u,nextSouthFile:c}=eW(e,t,!1);return l||o.active!==(null===(r=null==e?void 0:e.southPanel)||void 0===r?void 0:r.active)||(u=c),{northContent:e$(u),northPanel:{tabs:o.tabs.map(e=>({title:e,active:e===o.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eL(n),prevFile:u,nextFile:u,t:1,parentHeight:"1"})},southContent:e$(c),southPanel:l&&{tabs:l.tabs.map(e=>({title:e,active:e===l.active,style:{}})),style:{flexGrow:1,overflow:"hidden"},children:i.createElement(eI,{codeConfig:eB(n),prevFile:c,nextFile:c,t:1,parentHeight:"1"})}}}(t,n,l);let b=t.southPanel||n.southPanel,{prevNorthFile:y,prevSouthFile:x,nextNorthFile:E,nextSouthFile:w}=eW(t,n,0==r||o),{northStyle:j,southStyle:O}=null===v.southHeight&&null===g.southHeight?{northStyle:{minHeight:v.northHeight}}:null!==v.southHeight&&null===g.southHeight&&g.northKey!==v.southKey?{northStyle:{minHeight:(a=v.northHeight,a+(g.northHeight-a)*r)},southStyle:{minHeight:v.southHeight}}:null!==v.southHeight&&null===g.southHeight&&v.southKey===g.northKey?{northStyle:{minHeight:v.northHeight},southStyle:{position:"relative",minHeight:(s=v.southHeight,s+(g.northHeight-s)*r),transform:`translateY(${0+(-(v.northHeight+v.titleBarHeight)-0)*r}px)`}}:null===v.southHeight&&null!==g.southHeight&&v.northKey!==g.southKey?{northStyle:{minHeight:(u=v.northHeight,u+(g.northHeight-u)*r)},southStyle:{position:"relative",minHeight:g.southHeight}}:null===v.southHeight&&null!==g.southHeight&&v.northKey===g.southKey?{northStyle:{minHeight:g.northHeight},southStyle:{position:"relative",minHeight:(c=v.northHeight,c+(g.southHeight-c)*r),transform:`translateY(${(f=-(g.northHeight+g.titleBarHeight))+(0-f)*r}px)`}}:{northStyle:{minHeight:(h=v.northHeight,h+(g.northHeight-h)*r)},southStyle:{minHeight:(d=v.southHeight,d+(g.southHeight-d)*r)}},{northTabs:N,southTabs:k}=(m=y.name,p=null==x?void 0:x.name,!v.southTabs&&eR(p,v.northTabs)?{northTabs:eq(g.northTabs,g.southTabs,v.southTabs,v.northTabs,m,r),southTabs:eq(g.southTabs,g.northTabs,v.northTabs,v.southTabs,p,r)}:!g.southTabs&&eR(p,g.northTabs)?{northTabs:eq(g.southTabs,g.northTabs,v.northTabs,v.southTabs,m,r),southTabs:eq(g.northTabs,g.southTabs,v.southTabs,v.northTabs,p,r)}:{northTabs:eq(g.northTabs,g.southTabs,v.northTabs,v.southTabs,m,r),southTabs:eq(g.southTabs,g.northTabs,v.southTabs,v.northTabs,p,r)});return{northContent:e$(E),northPanel:{tabs:N,style:j,children:i.createElement(eI,{codeConfig:eL(l),prevFile:y,nextFile:E,t:r,parentHeight:j.height||j.minHeight})},southContent:e$(w),southPanel:b&&{tabs:k,style:O,children:i.createElement(eI,{codeConfig:eB(l),prevFile:x,nextFile:w,t:r,parentHeight:(null==O?void 0:O.height)||(null==O?void 0:O.minHeight)})}}}(c,t,n||t,r,o,a(l,["showCopyButton","showExpandButton"])),[g,b]=i.useState(void 0);O(()=>{var e;b(null===(e=c.current)||void 0===e?void 0:e.getBoundingClientRect().height)},[]);let y=Object.assign(Object.assign(Object.assign({},s),u),{style:Object.assign(Object.assign({},null==s?void 0:s.style),null==u?void 0:u.style)});g&&(y.style.height=g,y.style.maxHeight=g);let x=i.createElement(i.Fragment,null,f?i.createElement(er,{className:"ch-editor-button",content:p}):void 0,h?i.createElement(eQ,{className:"ch-editor-button",step:n||t}):void 0),E=f?i.createElement(er,{className:"ch-editor-button",content:v}):void 0,w=i.createElement(ez,{prev:t.terminal,next:(n||t).terminal,t:r,backward:o});return i.createElement(eC,Object.assign({ref:c},y,{northPanel:d,southPanel:m,terminalPanel:w,northButton:x,southButton:E}))}let e5={stiffness:120,damping:24,mass:.2,decimals:3};function e3(e){var{northPanel:t,southPanel:n,files:r,terminal:o,springConfig:l}=e,s=a(e,["northPanel","southPanel","files","terminal","springConfig"]);let{prev:u,next:c,t:f}=function(e,t=e5){let[{target:n,steps:r,index:o},l]=i.useState({target:2,steps:[e,e,e],index:0});i.useEffect(()=>{r[r.length-1]!=e&&l(t=>(function(e,t,n){let{steps:r,target:o,index:i}=e,l=r.slice();return n-i<1?(l[2]=t,Object.assign(Object.assign({},e),{steps:l})):(l[0]=r[1],l[1]=r[2],l[2]=t,Object.assign(Object.assign({},e),{steps:l,target:o+1,index:i+1}))})(t,e,a))},[e]);let[a]=eE(n,t),s=a-o;return s<=1?{prev:r[0],next:r[1],t:s}:{prev:r[1],next:r[2],t:s-1}}(i.useMemo(()=>({northPanel:t,southPanel:n,files:r,terminal:o}),[t,n,r,o]),l);return i.createElement(e4,Object.assign({t:f,backward:!1,prev:u,next:c},s))}function e6(e){let[t,n]=i.useState(e);return i.createElement(e8,Object.assign({},t,{onTabClick:function(e){let r=function(e,t,n){let r=t||e.northPanel.active,o=e.files.map(e=>e.name===r?Object.assign(Object.assign({},e),{focus:null===n?e.focus:n}):e),i=Object.assign({},e.northPanel),l=e.southPanel&&Object.assign({},e.southPanel);return e.northPanel.tabs.includes(r)?i.active=r:l&&(l.active=r),{files:o,northPanel:i,southPanel:l}}(t,e,null);n(Object.assign(Object.assign({},t),r))}}))}function e8(e){var t,n,{onTabClick:r}=e,o=a(e,["onTabClick"]);let l=function(e){var t,n,r,o,i,l,s,u,c;let{lineNumbers:f,showCopyButton:h,showExpandButton:d,minZoom:m,maxZoom:p}=e,v=a(e,["lineNumbers","showCopyButton","showExpandButton","minZoom","maxZoom"]),g=Object.assign(Object.assign({},e.codeConfig),{maxZoom:null==p?null===(t=e.codeConfig)||void 0===t?void 0:t.maxZoom:p,minZoom:null==m?null===(n=e.codeConfig)||void 0===n?void 0:n.minZoom:m,horizontalCenter:null!==(o=null===(r=e.codeConfig)||void 0===r?void 0:r.horizontalCenter)&&void 0!==o?o:e.horizontalCenter,lineNumbers:null==f?null===(i=e.codeConfig)||void 0===i?void 0:i.lineNumbers:f,showCopyButton:null==h?null===(l=e.codeConfig)||void 0===l?void 0:l.showCopyButton:h,showExpandButton:null==d?null===(s=e.codeConfig)||void 0===s?void 0:s.showExpandButton:d,rows:e.rows,debug:null!==(u=e.debug)&&void 0!==u?u:null===(c=e.codeConfig)||void 0===c?void 0:c.debug});return Object.assign(Object.assign({},v),{codeConfig:g})}(o),{className:s,style:u,codeConfig:c}=l,f=a(l,["className","style","codeConfig"]);if(!o.southPanel&&1===o.files.length&&!o.files[0].name)return i.createElement("div",{className:`ch-codeblock not-prose ${s||""}`,"data-ch-theme":null===(t=o.codeConfig)||void 0===t?void 0:t.themeName,style:u},i.createElement(eO,{className:"ch-code",config:c,step:f.files[0]}));{let e=Object.assign(Object.assign({},null==f?void 0:f.frameProps),{onTabClick:r});return i.createElement("div",{className:`ch-codegroup not-prose ${s||""}`,"data-ch-theme":null===(n=o.codeConfig)||void 0===n?void 0:n.themeName,style:u},i.createElement(e3,Object.assign({},f,{frameProps:e,codeConfig:c})))}}function e9(){return i.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-back-button"},i.createElement("g",null,i.createElement("path",{d:"m26.5 12.1q0 0.3-0.2 0.6l-8.8 8.7 8.8 8.8q0.2 0.2 0.2 0.5t-0.2 0.5l-1.1 1.1q-0.3 0.3-0.6 0.3t-0.5-0.3l-10.4-10.4q-0.2-0.2-0.2-0.5t0.2-0.5l10.4-10.4q0.3-0.2 0.5-0.2t0.6 0.2l1.1 1.1q0.2 0.2 0.2 0.5z"})))}function e7(){return i.createElement("svg",{fill:"currentColor",preserveAspectRatio:"xMidYMid meet",height:"1em",viewBox:"13 10 14 23",className:"ch-browser-button ch-browser-forward-button"},i.createElement("g",null,i.createElement("path",{d:"m26.3 21.4q0 0.3-0.2 0.5l-10.4 10.4q-0.3 0.3-0.6 0.3t-0.5-0.3l-1.1-1.1q-0.2-0.2-0.2-0.5t0.2-0.5l8.8-8.8-8.8-8.7q-0.2-0.3-0.2-0.6t0.2-0.5l1.1-1.1q0.3-0.2 0.5-0.2t0.6 0.2l10.4 10.4q0.2 0.2 0.2 0.5z"})))}function te({href:e}){return i.createElement("a",{className:"ch-browser-button ch-browser-open-button",title:"Open in new tab",href:e,target:"_blank",rel:"noopener noreferrer"},i.createElement("svg",{stroke:"currentColor",fill:"currentColor",strokeWidth:"0",viewBox:"3 3 18 18",height:"1em",width:"1em",className:"ch-browser-open-icon",xmlns:"http://www.w3.org/2000/svg"},i.createElement("path",{d:"M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z"})))}function tt({url:e,linkUrl:t}){return i.createElement(i.Fragment,null,i.createElement(e_,null),i.createElement(e9,null),i.createElement(e7,null),i.createElement("input",{value:e||"",readOnly:!0}),i.createElement(te,{href:t}))}i.createContext({props:null,setFocus:()=>{}}),i.createContext({activatedId:void 0,activate:()=>{},reset:()=>{}}),i.forwardRef(function(e,t){var{progress:n=0,backward:r=!1,steps:o,transition:l="none"}=e,s=a(e,["progress","backward","steps","transition"]);let{zoom:u,displayUrl:c,loadUrl:f,children:h}=i.useMemo(()=>o?o.map(e=>{let{displayUrl:t,loadUrl:n}=function(e,t,n){let r="undefined"!=typeof window?window.origin:"",o=e&&!0===n?r+e:e;return{displayUrl:o,loadUrl:t||o}}(e.url,e.loadUrl,e.prependOrigin);return{zoom:e.zoom||1,displayUrl:t,loadUrl:n,children:e.children}}):[{zoom:1}],[o])[Math.round(n)];return i.createElement(eN,Object.assign({},s,{zoom:u,className:`ch-mini-browser ${s.className||""}`,style:Object.assign(Object.assign({},function({progress:e,transition:t}){if("slide"===t){let t=e-Math.floor(e),n=2*Math.abs(t-.5);return{transform:`translateX(${t<=.5?-50*t:50-50*t}px)`,opacity:n*n}}return{}}({progress:n,transition:l})),s.style),titleBar:i.createElement(tt,{url:c,linkUrl:f})}),h||i.createElement("iframe",{ref:t,src:f}))});var tn="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},tr={};Object.defineProperty(tr,"__esModule",{value:!0}),tr.getMainFile=function(e){return"vue-cli"===e?"src/main.js":"angular-cli"===e?"src/main.ts":"create-react-app-typescript"===e?"src/index.tsx":"parcel"===e?"index.html":"gatsby"===e?"src/pages/index.js":"nuxt"===e||"next"===e||"apollo"===e||"reason"===e||"sapper"===e?"package.json":"nest"===e?"src/main.ts":"static"===e?"index.html":"src/index.js"};var to="sandbox.config.json";tr.getTemplate=function(e,t){var n=t[to]||t["/"+to];if(n)try{var r=JSON.parse(n.content);if(r.template)return r.template}catch(e){}var o=e.dependencies,i=e.devDependencies,l=Object.keys(void 0===o?{}:o).concat(Object.keys(void 0===i?{}:i)),a=["nuxt","nuxt-edge"];if(l.some(function(e){return a.indexOf(e)>-1}))return"nuxt";if(l.indexOf("next")>-1)return"next";var s=["apollo-server","apollo-server-express","apollo-server-hapi","apollo-server-koa","apollo-server-lambda","apollo-server-micro"];if(l.some(function(e){return s.indexOf(e)>-1}))return"apollo";if(l.indexOf("ember-cli")>-1)return"ember";if(l.indexOf("sapper")>-1)return"sapper";var u=Object.keys(t);if(u.some(function(e){return e.endsWith(".vue")}))return"vue-cli";if(u.some(function(e){return e.endsWith(".re")}))return"reason";if(l.indexOf("gatsby")>-1)return"gatsby";if(l.indexOf("parcel-bundler")>-1)return"parcel";if(l.indexOf("react-scripts")>-1)return"create-react-app";if(l.indexOf("react-scripts-ts")>-1)return"create-react-app-typescript";if(l.indexOf("@angular/core")>-1)return"angular-cli";if(l.indexOf("preact-cli")>-1)return"preact-cli";if(l.indexOf("svelte")>-1)return"svelte";if(l.indexOf("vue")>-1)return"vue-cli";var c=["@dojo/core","@dojo/framework"];return l.some(function(e){return c.indexOf(e)>-1})?"@dojo/cli-create-app":l.indexOf("cx")>-1?"cxjs":l.indexOf("@nestjs/core")>-1||l.indexOf("@nestjs/common")>-1?"nest":void 0};var ti={exports:{}};!function(e,t){var n,r,o,i="__lodash_hash_undefined__",l="[object Arguments]",a="[object Array]",s="[object Boolean]",u="[object Date]",c="[object Error]",f="[object Function]",h="[object Map]",d="[object Number]",m="[object Object]",p="[object Promise]",v="[object RegExp]",g="[object Set]",b="[object String]",y="[object WeakMap]",x="[object ArrayBuffer]",E="[object DataView]",w=/^\[object .+?Constructor\]$/,j=/^(?:0|[1-9]\d*)$/,O={};O["[object Float32Array]"]=O["[object Float64Array]"]=O["[object Int8Array]"]=O["[object Int16Array]"]=O["[object Int32Array]"]=O["[object Uint8Array]"]=O["[object Uint8ClampedArray]"]=O["[object Uint16Array]"]=O["[object Uint32Array]"]=!0,O[l]=O[a]=O[x]=O[s]=O[E]=O[u]=O[c]=O[f]=O[h]=O[d]=O[m]=O[v]=O[g]=O[b]=O[y]=!1;var N="object"==typeof tn&&tn&&tn.Object===Object&&tn,k="object"==typeof self&&self&&self.Object===Object&&self,_=N||k||Function("return this")(),C=t&&!t.nodeType&&t,S=C&&e&&!e.nodeType&&e,F=S&&S.exports===C,H=F&&N.process,P=function(){try{return H&&H.binding&&H.binding("util")}catch(e){}}(),M=P&&P.isTypedArray;function T(e){var t=-1,n=Array(e.size);return e.forEach(function(e,r){n[++t]=[r,e]}),n}function z(e){var t=-1,n=Array(e.size);return e.forEach(function(e){n[++t]=e}),n}var A=Array.prototype,L=Function.prototype,B=Object.prototype,I=_["__core-js_shared__"],$=L.toString,W=B.hasOwnProperty,q=(n=/[^.]+$/.exec(I&&I.keys&&I.keys.IE_PROTO||""))?"Symbol(src)_1."+n:"",R=B.toString,X=RegExp("^"+$.call(W).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),K=F?_.Buffer:void 0,U=_.Symbol,G=_.Uint8Array,V=B.propertyIsEnumerable,Y=A.splice,Z=U?U.toStringTag:void 0,D=Object.getOwnPropertySymbols,J=K?K.isBuffer:void 0,Q=(r=Object.keys,o=Object,function(e){return r(o(e))}),ee=eO(_,"DataView"),et=eO(_,"Map"),en=eO(_,"Promise"),er=eO(_,"Set"),eo=eO(_,"WeakMap"),ei=eO(Object,"create"),el=e_(ee),ea=e_(et),es=e_(en),eu=e_(er),ec=e_(eo),ef=U?U.prototype:void 0,eh=ef?ef.valueOf:void 0;function ed(e){var t=-1,n=null==e?0:e.length;for(this.clear();++ta))return!1;var u=i.get(e);if(u&&i.get(t))return u==t;var c=-1,f=!0,h=2&n?new ev:void 0;for(i.set(e,t),i.set(t,e);++c-1&&c%1==0&&c-1},em.prototype.set=function(e,t){var n=this.__data__,r=eb(n,e);return r<0?(++this.size,n.push([e,t])):n[r][1]=t,this},ep.prototype.clear=function(){this.size=0,this.__data__={hash:new ed,map:new(et||em),string:new ed}},ep.prototype.delete=function(e){var t=ej(this,e).delete(e);return this.size-=t?1:0,t},ep.prototype.get=function(e){return ej(this,e).get(e)},ep.prototype.has=function(e){return ej(this,e).has(e)},ep.prototype.set=function(e,t){var n=ej(this,e),r=n.size;return n.set(e,t),this.size+=n.size==r?0:1,this},ev.prototype.add=ev.prototype.push=function(e){return this.__data__.set(e,i),this},ev.prototype.has=function(e){return this.__data__.has(e)},eg.prototype.clear=function(){this.__data__=new em,this.size=0},eg.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},eg.prototype.get=function(e){return this.__data__.get(e)},eg.prototype.has=function(e){return this.__data__.has(e)},eg.prototype.set=function(e,t){var n=this.__data__;if(n instanceof em){var r=n.__data__;if(!et||r.length<199)return r.push([e,t]),this.size=++n.size,this;n=this.__data__=new ep(r)}return n.set(e,t),this.size=n.size,this};var eN=D?function(e){return null==e?[]:function(e,t){for(var n=-1,r=null==e?0:e.length,o=0,i=[];++n-1&&e%1==0&&e<=9007199254740991}function eT(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)}function ez(e){return null!=e&&"object"==typeof e}var eA=M?function(e){return M(e)}:function(e){return ez(e)&&eM(e.length)&&!!O[ey(e)]};e.exports=function(e,t){return function e(t,n,r,o,i){return t===n||(null!=t&&null!=n&&(ez(t)||ez(n))?function(e,t,n,r,o,i){var f=eF(e),p=eF(t),y=f?a:ek(e),w=p?a:ek(t);y=y==l?m:y,w=w==l?m:w;var j=y==m,O=w==m,N=y==w;if(N&&eH(e)){if(!eH(t))return!1;f=!0,j=!1}if(N&&!j)return i||(i=new eg),f||eA(e)?eE(e,t,n,r,o,i):function(e,t,n,r,o,i,l){switch(n){case E:if(e.byteLength!=t.byteLength||e.byteOffset!=t.byteOffset)break;e=e.buffer,t=t.buffer;case x:if(e.byteLength!=t.byteLength||!i(new G(e),new G(t)))break;return!0;case s:case u:case d:return eC(+e,+t);case c:return e.name==t.name&&e.message==t.message;case v:case b:return e==t+"";case h:var a=T;case g:var f=1&r;if(a||(a=z),e.size!=t.size&&!f)break;var m=l.get(e);if(m)return m==t;r|=2,l.set(e,t);var p=eE(a(e),a(t),r,o,i,l);return l.delete(e),p;case"[object Symbol]":if(eh)return eh.call(e)==eh.call(t)}return!1}(e,t,y,n,r,o,i);if(!(1&n)){var k=j&&W.call(e,"__wrapped__"),_=O&&W.call(t,"__wrapped__");if(k||_){var C=k?e.value():e,S=_?t.value():t;return i||(i=new eg),o(C,S,n,r,i)}}return!!N&&(i||(i=new eg),function(e,t,n,r,o,i){var l=1&n,a=ew(e),s=a.length;if(s!=ew(t).length&&!l)return!1;for(var u=s;u--;){var c=a[u];if(!(l?c in t:W.call(t,c)))return!1}var f=i.get(e);if(f&&i.get(t))return f==t;var h=!0;i.set(e,t),i.set(t,e);for(var d=l;++ue.annotatedGroups.flatMap(e=>{var t;return null===(t=e.prev)||void 0===t?void 0:t.groups.flatMap(e=>e.tokens.map(e=>e.content))}).join("")).join("\n");return i.createElement("div",{style:n,className:"ch-code-multiline-mark "+(null!=t?t:"")},i.createElement("span",{className:"ch-code-multiline-mark-border"}),e,i.createElement(er,{className:"ch-code-button",content:o}))}function ts({children:e,data:t}){return i.createElement("span",{className:"ch-code-inline-mark "+(null!=t?t:""),style:{background:function(e){var t,n,r;try{let o=i.Children.toArray(e)[0],l=i.Children.toArray((null===(t=null==o?void 0:o.props)||void 0===t?void 0:t.children)||[])[0],a=i.Children.toArray((null===(n=null==l?void 0:l.props)||void 0===n?void 0:n.children)||[])[0],{color:f}=(null===(r=null==a?void 0:a.props)||void 0===r?void 0:r.style)||{};if(f)return function(e,t){if(!e)return e;let{r:n,g:r,b:o,a:i}=function(e){if(!e)return;if(!s(e))throw Error("Invalid color string, must be a valid hex color");let t=Math.floor((e.length-1)/3),[n,r,o,i]=u(e.slice(1),t).map(c);return{r:n,g:r,b:o,a:void 0!==i?i/255:1}}(e);return function(e){if(!e)return;let{r:t,g:n,b:r,a:o}=e;return`#${t.toString(16).padStart(2,"0")}${n.toString(16).padStart(2,"0")}${r.toString(16).padStart(2,"0")}${Math.round(255*o).toString(16).padStart(2,"0")}`}({r:n,g:r,b:o,a:.2*i})}(f,0);return}catch(e){return}}(e)||void 0}},e)}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/66042-ec78f0a14d98b397.js b/version/v0.0.66/_next/static/chunks/66042-ec78f0a14d98b397.js deleted file mode 100644 index 64cccb3b34b..00000000000 --- a/version/v0.0.66/_next/static/chunks/66042-ec78f0a14d98b397.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66042],{66042:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Non interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"interactive",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/66784-d0b8f89e0ba55cf5.js b/version/v0.0.66/_next/static/chunks/66784-d0b8f89e0ba55cf5.js deleted file mode 100644 index 560409126de..00000000000 --- a/version/v0.0.66/_next/static/chunks/66784-d0b8f89e0ba55cf5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66784],{66784:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={code:"code",h2:"h2",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["Load SCSS globally in a ",(0,n.jsx)(t.code,{children:"index.scss"})," file and import it in your ",(0,n.jsx)(t.code,{children:"main.ts"}),"/",(0,n.jsx)(t.code,{children:"main.js"})," file in your app:"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"@forward ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/components/build/styles/db-ui-42-rollup",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"scss"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"Use component:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]}),"\n",(0,n.jsxs)(t.p,{children:["To get DBInput work with ",(0,n.jsx)(t.code,{children:"v-model"})," you have to use v-model argument syntax:"]}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" label",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Textlabel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" placeholder",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Start typing",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" v",props:{style:{color:"#D8DEE9"}}},{content:"-",props:{style:{color:"#81A1C1"}}},{content:"model",props:{style:{color:"#D8DEE9FF"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}},{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"typescript"},annotations:[]}]}),"\n",(0,n.jsx)(t.p,{children:"or using on-change listener:"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Textlabel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placeholder",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:" :",props:{style:{color:"#D8DEE9FF"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"modelAndChange",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"@change",props:{style:{color:"#D08770"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"($event) => { modelAndChange = $event.target.value",props:{style:{color:"#A3BE8C"}}},{content:";",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:"}",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"/> {{ modelAndChange }",props:{style:{color:"#A3BE8C"}}},{content:"}",props:{style:{color:"#D8DEE9"}}}]}],lang:"typescript"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/66931-6c3b049bb565fb60.js b/version/v0.0.66/_next/static/chunks/66931-6c3b049bb565fb60.js deleted file mode 100644 index 98078c9e940..00000000000 --- a/version/v0.0.66/_next/static/chunks/66931-6c3b049bb565fb60.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[66931],{66931:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Default",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBRadio name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Size",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/67064-9c12a6c2f621dd6f.js b/version/v0.0.66/_next/static/chunks/67064-9c12a6c2f621dd6f.js deleted file mode 100644 index 41613e19523..00000000000 --- a/version/v0.0.66/_next/static/chunks/67064-9c12a6c2f621dd6f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67064],{67064:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon & Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon & Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/67493-cd2c0e667254ee7f.js b/version/v0.0.66/_next/static/chunks/67493-cd2c0e667254ee7f.js deleted file mode 100644 index 9025c953726..00000000000 --- a/version/v0.0.66/_next/static/chunks/67493-cd2c0e667254ee7f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67493],{67493:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSelect ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/67677-412ceb2d0dc6910e.js b/version/v0.0.66/_next/static/chunks/67677-412ceb2d0dc6910e.js deleted file mode 100644 index ee54af456a5..00000000000 --- a/version/v0.0.66/_next/static/chunks/67677-412ceb2d0dc6910e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67677],{67677:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInfotext",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/67726-23dddb0499bca937.js b/version/v0.0.66/_next/static/chunks/67726-23dddb0499bca937.js deleted file mode 100644 index 55a766324fc..00000000000 --- a/version/v0.0.66/_next/static/chunks/67726-23dddb0499bca937.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[67726],{67726:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||E("CH",!1),s.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTextarea ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTextarea",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-root",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" textarea ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default value",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/6897-5268b4ce56cb05d9.js b/version/v0.0.66/_next/static/chunks/6897-5268b4ce56cb05d9.js deleted file mode 100644 index fd90fa3723d..00000000000 --- a/version/v0.0.66/_next/static/chunks/6897-5268b4ce56cb05d9.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6897],{6897:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let r={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Weak (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/69223-ce63e955028c3304.js b/version/v0.0.66/_next/static/chunks/69223-ce63e955028c3304.js deleted file mode 100644 index 6a8f1e7d84b..00000000000 --- a/version/v0.0.66/_next/static/chunks/69223-ce63e955028c3304.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[69223],{69223:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No gap (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With gap",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"gap id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With gap",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':gap="true" ',props:{style:{color:"#D8DEE9"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With gap",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With gap",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With gap",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"gap id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With gap",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBPopover content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Popover",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':gap="true" ',props:{style:{color:"#D8DEE9"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"popover-12",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With gap",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With gap",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/6946-67ceb77e0480d4cc.js b/version/v0.0.66/_next/static/chunks/6946-67ceb77e0480d4cc.js deleted file mode 100644 index 0ad746b8ff9..00000000000 --- a/version/v0.0.66/_next/static/chunks/6946-67ceb77e0480d4cc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6946],{6946:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/699-6f9b15864dc2e04b.js b/version/v0.0.66/_next/static/chunks/699-6f9b15864dc2e04b.js deleted file mode 100644 index 6fbe383d91d..00000000000 --- a/version/v0.0.66/_next/static/chunks/699-6f9b15864dc2e04b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[699],{699:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"general",children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["If you use ",(0,n.jsx)(t.code,{children:"width !== full"})," you are able to overwrite the ",(0,n.jsx)(t.code,{children:"max-width"})," with ",(0,n.jsx)(t.code,{children:"--db-drawer-max-width:"})," CSS variable."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBDrawer ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBDrawer",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" My Drawer content",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:" Open me ",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" openDrawer",props:{style:{color:"#D8DEE9FF"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"boolean ",props:{style:{color:"#8FBCBB"}}},{content:"= false;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" toggleDrawer ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"openDrawer ",props:{style:{color:"#D8DEE9"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"open",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/70798-9e1c1f0ed94a5159.js b/version/v0.0.66/_next/static/chunks/70798-9e1c1f0ed94a5159.js deleted file mode 100644 index bc1b5185b51..00000000000 --- a/version/v0.0.66/_next/static/chunks/70798-9e1c1f0ed94a5159.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[70798],{70798:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return C}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return s||y("CH",!1),s.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordion behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"single",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 1",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 2",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Item 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content 3",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"/>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"The accordion is a pure JS Component",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/71047-14680abf6473397a.js b/version/v0.0.66/_next/static/chunks/71047-14680abf6473397a.js deleted file mode 100644 index 7c35d4a1e31..00000000000 --- a/version/v0.0.66/_next/static/chunks/71047-14680abf6473397a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71047],{71047:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var e=n(52322),s=n(45392),l=n(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Primary",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Outlined (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"solid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Solid (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Adaptive)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/71940-475b2bcf317441f7.js b/version/v0.0.66/_next/static/chunks/71940-475b2bcf317441f7.js deleted file mode 100644 index 5b9fffc05fa..00000000000 --- a/version/v0.0.66/_next/static/chunks/71940-475b2bcf317441f7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[71940],{71940:function(e,t,n){n.r(t),n.d(t,{default:function(){return i}});var s=n(52322),d=n(45392);function r(e){let t={a:"a",blockquote:"blockquote",code:"code",h2:"h2",h3:"h3",p:"p",strong:"strong",table:"table",tbody:"tbody",td:"td",th:"th",thead:"thead",tr:"tr",...(0,d.a)(),...e.components};return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(t.h2,{id:"general",children:"General"}),"\n",(0,s.jsxs)(t.blockquote,{children:["\n",(0,s.jsxs)(t.p,{children:[(0,s.jsx)(t.strong,{children:"Note"}),"\nFor a general installation or migration process check out this ",(0,s.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"documentation"}),"."]}),"\n"]}),"\n",(0,s.jsx)(t.h2,{id:"db-ui-core--db-ui-components",children:"DB UI Core ➡ DB UI Components"}),"\n",(0,s.jsx)(t.h3,{id:"class",children:"class"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsx)(t.tbody,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"elm-button"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"db-button"})}),(0,s.jsx)(t.td,{})]})})]}),"\n",(0,s.jsx)(t.h3,{id:"sizes",children:"sizes"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"large"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsxs)(t.td,{children:["it became obsolete mainly due to our ",(0,s.jsx)(t.a,{href:"https://marketingportal.extranet.deutschebahn.com/marketingportal/Design-Anwendungen/db-ux-design-system-v3/principles/tonalities",children:"tonality"})," introduction"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"regular"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsxs)(t.td,{children:["there is a default (",(0,s.jsx)(t.code,{children:"medium"}),") now"]})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"variants",children:"variants"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"primary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsxs)(t.td,{children:["not valid anymore, use ",(0,s.jsx)(t.code,{children:"outlined"})," buttons for those purposes"]})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"brand-primary"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"primary"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"secondary-outline"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"outlined"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"secondary-solid"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"solid"})}),(0,s.jsx)(t.td,{})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"tertiary-plain"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"text"})}),(0,s.jsx)(t.td,{})]})]})]}),"\n",(0,s.jsx)(t.h3,{id:"icons",children:"icons"}),"\n",(0,s.jsxs)(t.table,{children:[(0,s.jsx)(t.thead,{children:(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.th,{children:"Before"}),(0,s.jsx)(t.th,{style:{textAlign:"center"},children:"Status"}),(0,s.jsx)(t.th,{children:"After"}),(0,s.jsx)(t.th,{children:"Description"})]})}),(0,s.jsxs)(t.tbody,{children:[(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"iconAfter"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"❌"}),(0,s.jsx)(t.td,{children:"❌"}),(0,s.jsx)(t.td,{children:"not valid anymore, for buttons only icons before text are allowed"})]}),(0,s.jsxs)(t.tr,{children:[(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"iconOnly"})}),(0,s.jsx)(t.td,{style:{textAlign:"center"},children:"\uD83D\uDD01"}),(0,s.jsx)(t.td,{children:(0,s.jsx)(t.code,{children:"noText"})}),(0,s.jsx)(t.td,{})]})]})]})]})}function i(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,d.a)(),...e.components};return t?(0,s.jsx)(t,{...e,children:(0,s.jsx)(r,{...e})}):r(e)}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/72111-a39b3d571aca436b.js b/version/v0.0.66/_next/static/chunks/72111-a39b3d571aca436b.js deleted file mode 100644 index 2e1ce27644f..00000000000 --- a/version/v0.0.66/_next/static/chunks/72111-a39b3d571aca436b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72111],{72111:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return E}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBRadio ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBRadio",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
      ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" @for (radioName of radioNames; track radioName) {",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"Component ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@angular/core",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" selector",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"app-app",props:{style:{color:"#A3BE8C"}}},{content:'",',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" templateUrl",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"./app.component.html",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"AppComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" radioNames ",props:{style:{color:"#D8DEE9FF"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"X",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Y",props:{style:{color:"#A3BE8C"}}},{content:'", "',props:{style:{color:"#ECEFF4"}}},{content:"Z",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" radio ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-use-with-template-driven-forms",children:"How to use with Template Driven Forms"}),"\n",(0,n.jsxs)(t.p,{children:["Third party controls require a ",(0,n.jsx)(t.code,{children:"ControlValueAccessor"})," to function with angular forms. Adding an ",(0,n.jsx)(t.code,{children:"ngDefaultControl"})," attribute will allow them to use that directive.\n",(0,n.jsx)(t.a,{href:"https://stackoverflow.com/a/46465959",children:"Further information"})]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"//app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"FormsModule ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@angular/forms",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" // ...,",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" FormsModule",props:{style:{color:"#D08770"}}}]},{tokens:[{content:" ]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["form.component.html"],active:"form.component.html",heightRatio:1},files:[{name:"form.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio ",props:{style:{color:"#D8DEE9"}}},{content:"ngDefaultControl [(ngModel)]",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"button",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"(click)",props:{style:{color:"#8FBCBB"}}},{content:'="',props:{style:{color:"#ECEFF4"}}},{content:"showValues()",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}},{content:"Get radio value",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Output",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"radio's value",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:'{{ radio ? radio : "No radio set" }}',props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),"\n",(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["form.component.ts"],active:"form.component.ts",heightRatio:1},files:[{name:"form.component.ts",focus:"",code:{lines:[{tokens:[{content:"// form.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"export class ",props:{style:{color:"#81A1C1"}}},{content:"FormComponent ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" radio ",props:{style:{color:"#D8DEE9FF"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" showValues",props:{style:{color:"#88C0D0"}}},{content:"()",props:{style:{color:"#ECEFF4"}}},{content:": ",props:{style:{color:"#81A1C1"}}},{content:"void ",props:{style:{color:"#8FBCBB"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"JSON",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"stringify",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"radio",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"this",props:{style:{color:"#81A1C1"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"radio ",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:"))",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h2,{id:"how-to-use-with-reactive-forms",children:"How to use with Reactive Forms"}),"\n",(0,n.jsx)(t.p,{children:"coming soon … if your interested in contributing, you're very welcome ;)"})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/72250-d5d2d541d2514db8.js b/version/v0.0.66/_next/static/chunks/72250-d5d2d541d2514db8.js deleted file mode 100644 index d962668360f..00000000000 --- a/version/v0.0.66/_next/static/chunks/72250-d5d2d541d2514db8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[72250],{72250:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"(Default) Text",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Leading)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Leading)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Leading)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Leading)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Leading)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Leading)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Leading)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Leading)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Leading)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Leading)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Trailing)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Trailing)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Trailing)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Trailing)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Trailing)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Trailing)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Trailing)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Trailing)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Text - Icon (Trailing)",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"iconAfter",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text - Icon (Trailing)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTab icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"x_placeholder",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/73095-2a755c4228310a56.js b/version/v0.0.66/_next/static/chunks/73095-2a755c4228310a56.js deleted file mode 100644 index c102f534087..00000000000 --- a/version/v0.0.66/_next/static/chunks/73095-2a755c4228310a56.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[73095],{73095:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Alert",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Alert",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Alert",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">(Default) Alert",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Inline",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Inline",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"inline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\">Inline",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Inline",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/74600-a2b8937877d36b04.js b/version/v0.0.66/_next/static/chunks/74600-a2b8937877d36b04.js deleted file mode 100644 index c71caf31cd6..00000000000 --- a/version/v0.0.66/_next/static/chunks/74600-a2b8937877d36b04.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74600],{74600:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Adaptive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Critical Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Informational Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Successful Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Warning Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/7465-e1c79ea18e587c32.js b/version/v0.0.66/_next/static/chunks/7465-e1c79ea18e587c32.js deleted file mode 100644 index 5c36f3030bf..00000000000 --- a/version/v0.0.66/_next/static/chunks/7465-e1c79ea18e587c32.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7465],{7465:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return y}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||C("CH",!1),l.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tonality",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/74774-058e912df069da1a.js b/version/v0.0.66/_next/static/chunks/74774-058e912df069da1a.js deleted file mode 100644 index ae312a54783..00000000000 --- a/version/v0.0.66/_next/static/chunks/74774-058e912df069da1a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74774],{74774:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||F("CH",!1),r.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label Above",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Floating Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Floating Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/74900-127bff4b9dd73d8b.js b/version/v0.0.66/_next/static/chunks/74900-127bff4b9dd73d8b.js deleted file mode 100644 index 7fffffba996..00000000000 --- a/version/v0.0.66/_next/static/chunks/74900-127bff4b9dd73d8b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[74900],{74900:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTextarea ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"textarea",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setTextarea",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"default textarea",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" return",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Textarea Controlled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"textarea",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setTextarea",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"target",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" />",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" )",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/75205-e7183afa361820b8.js b/version/v0.0.66/_next/static/chunks/75205-e7183afa361820b8.js deleted file mode 100644 index 9d4397cdcc4..00000000000 --- a/version/v0.0.66/_next/static/chunks/75205-e7183afa361820b8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[75205],{75205:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"arrows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"arrows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"arrows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"arrows",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/762-458f626e96017c5e.js b/version/v0.0.66/_next/static/chunks/762-458f626e96017c5e.js deleted file mode 100644 index e9efd0f6506..00000000000 --- a/version/v0.0.66/_next/static/chunks/762-458f626e96017c5e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[762],{762:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/76402-7ae8e95b25ffb1d1.js b/version/v0.0.66/_next/static/chunks/76402-7ae8e95b25ffb1d1.js deleted file mode 100644 index d9e2f390b6d..00000000000 --- a/version/v0.0.66/_next/static/chunks/76402-7ae8e95b25ffb1d1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[76402],{76402:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/77935-ca229864bdc06e5b.js b/version/v0.0.66/_next/static/chunks/77935-ca229864bdc06e5b.js deleted file mode 100644 index 1cf42a5c45f..00000000000 --- a/version/v0.0.66/_next/static/chunks/77935-ca229864bdc06e5b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[77935],{77935:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return p}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function d(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function p(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(d,{...o})}):d(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/78095-bf767d38797db0c3.js b/version/v0.0.66/_next/static/chunks/78095-bf767d38797db0c3.js deleted file mode 100644 index 250a5b83b51..00000000000 --- a/version/v0.0.66/_next/static/chunks/78095-bf767d38797db0c3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78095],{78095:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/78571-2422624a9f386e7b.js b/version/v0.0.66/_next/static/chunks/78571-2422624a9f386e7b.js deleted file mode 100644 index cd11172cc4a..00000000000 --- a/version/v0.0.66/_next/static/chunks/78571-2422624a9f386e7b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[78571],{78571:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||C("CH",!1),l.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) No Spacing",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Medium",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/79011-83a71587b94117dc.js b/version/v0.0.66/_next/static/chunks/79011-83a71587b94117dc.js deleted file mode 100644 index b746eff8ab5..00000000000 --- a/version/v0.0.66/_next/static/chunks/79011-83a71587b94117dc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79011],{79011:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||B("CH",!1),s.Code||B("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTag ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Button",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBRadio",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tag as Radio",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Static Tag",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTag overflow",props:{style:{color:"#8FBCBB"}}},{content:"={true}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Static Tag with overflow",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function B(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/79219-1ad90abee81f2931.js b/version/v0.0.66/_next/static/chunks/79219-1ad90abee81f2931.js deleted file mode 100644 index 5770ceffefd..00000000000 --- a/version/v0.0.66/_next/static/chunks/79219-1ad90abee81f2931.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79219],{79219:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Basic",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"message",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Helper Message",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Helper Message",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/79774-a325009ff3c7a537.js b/version/v0.0.66/_next/static/chunks/79774-a325009ff3c7a537.js deleted file mode 100644 index bf4d16220b2..00000000000 --- a/version/v0.0.66/_next/static/chunks/79774-a325009ff3c7a537.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[79774],{79774:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"alignment",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"center",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/80095-b0d3c27ddd2c5ca0.js b/version/v0.0.66/_next/static/chunks/80095-b0d3c27ddd2c5ca0.js deleted file mode 100644 index ce174d89f07..00000000000 --- a/version/v0.0.66/_next/static/chunks/80095-b0d3c27ddd2c5ca0.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[80095],{80095:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Regular",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Regular",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/8053-8dc811ad926e7859.js b/version/v0.0.66/_next/static/chunks/8053-8dc811ad926e7859.js deleted file mode 100644 index 78a0976d83a..00000000000 --- a/version/v0.0.66/_next/static/chunks/8053-8dc811ad926e7859.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8053],{8053:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Enabled (Default)",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Enabled (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true">Open',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true">Open',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Open",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true" :disabled="true">Open Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"open disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Open Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAccordionItem title",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Open Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':open="true" :disabled="true">Open Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Open Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/810-d450f668af4bcbe6.js b/version/v0.0.66/_next/static/chunks/810-d450f668af4bcbe6.js deleted file mode 100644 index 3e90da37310..00000000000 --- a/version/v0.0.66/_next/static/chunks/810-d450f668af4bcbe6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[810],{810:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return i}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Weak (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/81787-a2f83c23958d90c6.js b/version/v0.0.66/_next/static/chunks/81787-a2f83c23958d90c6.js deleted file mode 100644 index a13b53865b4..00000000000 --- a/version/v0.0.66/_next/static/chunks/81787-a2f83c23958d90c6.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81787],{81787:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/81984-f595759a52be71f8.js b/version/v0.0.66/_next/static/chunks/81984-f595759a52be71f8.js deleted file mode 100644 index 9155a59c089..00000000000 --- a/version/v0.0.66/_next/static/chunks/81984-f595759a52be71f8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[81984],{81984:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return F}});var n=e(52322),l=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Optional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Optional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"required",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/82492-40476693c7c94f47.js b/version/v0.0.66/_next/static/chunks/82492-40476693c7c94f47.js deleted file mode 100644 index f124edef0da..00000000000 --- a/version/v0.0.66/_next/static/chunks/82492-40476693c7c94f47.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82492],{82492:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"invalid",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"readOnly",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true">Readonly - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/82537-43c7c50c4657b10b.js b/version/v0.0.66/_next/static/chunks/82537-43c7c50c4657b10b.js deleted file mode 100644 index 510e24157e3..00000000000 --- a/version/v0.0.66/_next/static/chunks/82537-43c7c50c4657b10b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[82537],{82537:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return C}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Medium (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">Medium (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Medium (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Small",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Large",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Large",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No spacing",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No spacing",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"none",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"No spacing",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/83284-8edd75e745a2fbf7.js b/version/v0.0.66/_next/static/chunks/83284-8edd75e745a2fbf7.js deleted file mode 100644 index 4da625f53ee..00000000000 --- a/version/v0.0.66/_next/static/chunks/83284-8edd75e745a2fbf7.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83284],{83284:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTooltip ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTooltip",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Tooltip",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tooltip",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/83495-0857f81278a1b33d.js b/version/v0.0.66/_next/static/chunks/83495-0857f81278a1b33d.js deleted file mode 100644 index 3c7630e162d..00000000000 --- a/version/v0.0.66/_next/static/chunks/83495-0857f81278a1b33d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83495],{83495:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAlert ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBAlert",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Alert",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/83662-a1191ba13e5c9038.js b/version/v0.0.66/_next/static/chunks/83662-a1191ba13e5c9038.js deleted file mode 100644 index 1f32c462226..00000000000 --- a/version/v0.0.66/_next/static/chunks/83662-a1191ba13e5c9038.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[83662],{83662:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Full (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"medium",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Medium",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSection variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"large",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Large",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/84022-9b35bb3df4db77d8.js b/version/v0.0.66/_next/static/chunks/84022-9b35bb3df4db77d8.js deleted file mode 100644 index 3fe2506c81d..00000000000 --- a/version/v0.0.66/_next/static/chunks/84022-9b35bb3df4db77d8.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84022],{84022:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return y}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...o.components};return s||E("CH",!1),s.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(t.h4,{id:"simple",children:"Simple"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{id:"full",children:"Full"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/84123-951923cbc5e9d13c.js b/version/v0.0.66/_next/static/chunks/84123-951923cbc5e9d13c.js deleted file mode 100644 index 158ee7f57ea..00000000000 --- a/version/v0.0.66/_next/static/chunks/84123-951923cbc5e9d13c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84123],{84123:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return E}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"{alert('click close button')}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onClick",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"click close button",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Closable",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" :click=\"()=>{alert('click ",props:{style:{color:"#D8DEE9"}}},{content:"close ",props:{style:{color:"#8FBCBB"}}},{content:"button')}\">Closable",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"{alert('click close button')}",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onClick",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" alert",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"click close button",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Closable",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" :click=\"()=>{alert('click ",props:{style:{color:"#D8DEE9"}}},{content:"close ",props:{style:{color:"#8FBCBB"}}},{content:"button')}\">Closable",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Closable",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Permanent",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" ",props:{style:{color:"#D8DEE9"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" link",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"href",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'", ',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Link",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Permanent",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBAlert type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"headline",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Headline",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:":link=\"{'href':'#','text':'Link'}\" ",props:{style:{color:"#D8DEE9"}}},{content:"behaviour",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"permanent",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Headline",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"

    ",props:{style:{color:"#81A1C1"}}},{content:"Permanent",props:{style:{color:"#D8DEE9FF"}}},{content:"

    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Link",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/84271-a3d20c67ba8e5787.js b/version/v0.0.66/_next/static/chunks/84271-a3d20c67ba8e5787.js deleted file mode 100644 index a2b95fc8b9e..00000000000 --- a/version/v0.0.66/_next/static/chunks/84271-a3d20c67ba8e5787.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84271],{84271:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return E}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Internal",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Internal",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Internal",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"external",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" External",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/84401-7881b1c75704f00f.js b/version/v0.0.66/_next/static/chunks/84401-7881b1c75704f00f.js deleted file mode 100644 index faa49044624..00000000000 --- a/version/v0.0.66/_next/static/chunks/84401-7881b1c75704f00f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84401],{84401:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||a("CH",!1),c.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"password",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Password",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"email",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" E-Mail",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"number",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Number",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tel",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tel",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"url",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" URL",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"date",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Date",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"datetime-local",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Datetime Local",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"month",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Month",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"time",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Time",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBInput label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"type",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"week",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Week",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/84815-899480b1d49aea01.js b/version/v0.0.66/_next/static/chunks/84815-899480b1d49aea01.js deleted file mode 100644 index 3ed7089d99a..00000000000 --- a/version/v0.0.66/_next/static/chunks/84815-899480b1d49aea01.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[84815],{84815:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(t.p,{children:"You can't use the component standalone!"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.module.ts"],active:"app.module.ts",heightRatio:1},files:[{name:"app.module.ts",focus:"",code:{lines:[{tokens:[{content:"//app.module.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@NgModule",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D08770"}}},{content:": ",props:{style:{color:"#D8DEE9FF"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel",props:{style:{color:"#D08770"}}},{content:",",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" ...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/85642-85d9d429fc3767a2.js b/version/v0.0.66/_next/static/chunks/85642-85d9d429fc3767a2.js deleted file mode 100644 index 20604f0b3a6..00000000000 --- a/version/v0.0.66/_next/static/chunks/85642-85d9d429fc3767a2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85642],{85642:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var e=n(52322),s=n(45392),l=n(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/85933-555d94929bd5bef5.js b/version/v0.0.66/_next/static/chunks/85933-555d94929bd5bef5.js deleted file mode 100644 index 6cce251a18f..00000000000 --- a/version/v0.0.66/_next/static/chunks/85933-555d94929bd5bef5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[85933],{85933:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||y("CH",!1),s.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBMainNavigation ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" active",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" slotSubNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" active",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" slotSubNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem active",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Sub-Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Sub-Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Navi-Item 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Navi-Item 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/8687-a6fcc699e6a07935.js b/version/v0.0.66/_next/static/chunks/8687-a6fcc699e6a07935.js deleted file mode 100644 index 0b0a4336d54..00000000000 --- a/version/v0.0.66/_next/static/chunks/8687-a6fcc699e6a07935.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8687],{8687:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"general",children:"General"}),"\n",(0,n.jsxs)(t.p,{children:["You cannot use a default value for ",(0,n.jsx)(t.a,{href:"https://vuejs.org/guide/essentials/forms.html#multiline-text",children:"textarea in vue"}),".\nUse ",(0,n.jsx)(t.code,{children:"v-model:value"})," or ",(0,n.jsx)(t.code,{children:":value"})," instead with a ",(0,n.jsx)(t.code,{children:'ref("My default value")'}),"."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/87055-36d335d6d1295258.js b/version/v0.0.66/_next/static/chunks/87055-36d335d6d1295258.js deleted file mode 100644 index e090e395c70..00000000000 --- a/version/v0.0.66/_next/static/chunks/87055-36d335d6d1295258.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87055],{87055:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Optional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Optional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Optional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Required",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Required - Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" required",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Required - Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Required - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':required="true">Required - Filled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Required - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/87523-13d0962ad456ee2b.js b/version/v0.0.66/_next/static/chunks/87523-13d0962ad456ee2b.js deleted file mode 100644 index 221df8c6878..00000000000 --- a/version/v0.0.66/_next/static/chunks/87523-13d0962ad456ee2b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[87523],{87523:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/8798-ea1bc61f4e4c6f01.js b/version/v0.0.66/_next/static/chunks/8798-ea1bc61f4e4c6f01.js deleted file mode 100644 index ccec6c41504..00000000000 --- a/version/v0.0.66/_next/static/chunks/8798-ea1bc61f4e4c6f01.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8798],{8798:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs orientation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs orientation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs orientation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs orientation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/8807-62f5b0771b00c72e.js b/version/v0.0.66/_next/static/chunks/8807-62f5b0771b00c72e.js deleted file mode 100644 index 9d2839f4398..00000000000 --- a/version/v0.0.66/_next/static/chunks/8807-62f5b0771b00c72e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8807],{8807:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return c},default:function(){return C}});var n=e(52322),s=e(45392),r=e(65854);let l={annotations:r.ds,Code:r.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"padding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"padding ",props:{style:{color:"#8FBCBB"}}},{content:"(Default)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"With padding (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer withCloseButton width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Full",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDrawer ",props:{style:{color:"#8FBCBB"}}},{content:':withCloseButton="true" ',props:{style:{color:"#D8DEE9"}}},{content:"width",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"full",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Full",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/8819-43f4b2878728dcac.js b/version/v0.0.66/_next/static/chunks/8819-43f4b2878728dcac.js deleted file mode 100644 index c758279f086..00000000000 --- a/version/v0.0.66/_next/static/chunks/8819-43f4b2878728dcac.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8819],{8819:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),c=e(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||C("CH",!1),l.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCard spacing",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/88424-56452794e5a1d49c.js b/version/v0.0.66/_next/static/chunks/88424-56452794e5a1d49c.js deleted file mode 100644 index d625d5d5d3a..00000000000 --- a/version/v0.0.66/_next/static/chunks/88424-56452794e5a1d49c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88424],{88424:function(o,t,n){n.r(t),n.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var e=n(52322),s=n(45392),l=n(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Neutral",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Critical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Informational",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Successful",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Warning",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Adaptive Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"neutral",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Neutral Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"critical",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Critical Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"informational",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Informational Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"successful",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Successful Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"warning",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"emphasis",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"strong",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Warning Strong",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/88664-a2159ca6f31a6330.js b/version/v0.0.66/_next/static/chunks/88664-a2159ca6f31a6330.js deleted file mode 100644 index d08a7c7a2a2..00000000000 --- a/version/v0.0.66/_next/static/chunks/88664-a2159ca6f31a6330.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88664],{88664:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return E}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCheckbox ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"checkbox",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setCheckbox",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:'""',props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" return",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"checkbox",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Checkbox checked",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" onChange",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"(",props:{style:{color:"#ECEFF4"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:") ",props:{style:{color:"#ECEFF4"}}},{content:"=> ",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" setCheckbox",props:{style:{color:"#88C0D0"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"event",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"target",props:{style:{color:"#D8DEE9"}}},{content:".",props:{style:{color:"#ECEFF4"}}},{content:"checked",props:{style:{color:"#D8DEE9"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#ECEFF4"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Checkbox",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" )",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/88712-60393031a934e0cf.js b/version/v0.0.66/_next/static/chunks/88712-60393031a934e0cf.js deleted file mode 100644 index e4c04ae78bb..00000000000 --- a/version/v0.0.66/_next/static/chunks/88712-60393031a934e0cf.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[88712],{88712:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||F("CH",!1),c.Code||F("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-14",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Animation no delay (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"slow",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-15",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay slow",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"delay",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"fast",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-16",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Delay fast",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"animation",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"disabled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-17",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No animation",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function F(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/8917-f7db45cabe2ceb35.js b/version/v0.0.66/_next/static/chunks/8917-f7db45cabe2ceb35.js deleted file mode 100644 index 2cea11ff868..00000000000 --- a/version/v0.0.66/_next/static/chunks/8917-f7db45cabe2ceb35.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8917],{8917:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return p},default:function(){return F}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function r(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"bottom-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-08-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" bottom-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"left-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-10-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" left-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"right-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-11-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" right-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-start",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-start",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-start",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:p,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"placement",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"top-end",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-09-end",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" top-end",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(r,{...o})}):r(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/89631-1923b263eec5e92c.js b/version/v0.0.66/_next/static/chunks/89631-1923b263eec5e92c.js deleted file mode 100644 index a945ce72bb1..00000000000 --- a/version/v0.0.66/_next/static/chunks/89631-1923b263eec5e92c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89631],{89631:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/89829-4742b49d95a834bc.js b/version/v0.0.66/_next/static/chunks/89829-4742b49d95a834bc.js deleted file mode 100644 index 00cd10b3bc7..00000000000 --- a/version/v0.0.66/_next/static/chunks/89829-4742b49d95a834bc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[89829],{89829:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true">Dot (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true">Dot (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true" ',props:{style:{color:"#D8DEE9"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge noContent size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge ",props:{style:{color:"#8FBCBB"}}},{content:':noContent="true" ',props:{style:{color:"#D8DEE9"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Dot - Small",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Dot - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Text",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBBadge example",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"icon",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"size",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"small",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon - Small",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/90100-33cb7df4b423eec3.js b/version/v0.0.66/_next/static/chunks/90100-33cb7df4b423eec3.js deleted file mode 100644 index 6fe90610b66..00000000000 --- a/version/v0.0.66/_next/static/chunks/90100-33cb7df4b423eec3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90100],{90100:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return E}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||y("CH",!1),c.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Regular",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Regular",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"(Default) Regular",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function E(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/90238-45f7f40bf8e8bef3.js b/version/v0.0.66/_next/static/chunks/90238-45f7f40bf8e8bef3.js deleted file mode 100644 index 87fba5e5569..00000000000 --- a/version/v0.0.66/_next/static/chunks/90238-45f7f40bf8e8bef3.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90238],{90238:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return p},default:function(){return y}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",h4:"h4",p:"p",...(0,r.a)(),...o.components};return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(t.h4,{id:"simple",children:"Simple"}),"\n",(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=> <",props:{style:{color:"#81A1C1"}}},{content:"DBHeader slotBrand",props:{style:{color:"#8FBCBB"}}},{content:"={<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Header",props:{style:{color:"#D8DEE9FF"}}},{content:"} />;",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),"\n",(0,n.jsx)(t.h4,{id:"full",children:"Full"}),"\n",(0,n.jsx)(c.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"useState ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"react",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBHeader",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBBrand",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#ECEFF4"}}},{content:"drawerOpen",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"setDrawerOpen",props:{style:{color:"#D8DEE9"}}},{content:"] ",props:{style:{color:"#ECEFF4"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"useState",props:{style:{color:"#88C0D0"}}},{content:"<",props:{style:{color:"#ECEFF4"}}},{content:"boolean",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#ECEFF4"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"false",props:{style:{color:"#81A1C1"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" drawerOpen",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"drawerOpen",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" onToggle",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"setDrawerOpen",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotBrand",props:{style:{color:"#8FBCBB"}}},{content:"={<",props:{style:{color:"#81A1C1"}}},{content:"DBBrand",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"My Awesome App",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotMetaNavigation",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Imprint",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Help",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotCallToAction",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"search",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Search",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" slotActionBar",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Profile",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"alert",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Notification",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"help",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"text",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Help",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" }",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" >",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" // https://github.com/db-ui/mono/blob/main/packages/components/src/components/main-navigation/docs/React.md",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/90798-83e00a68f864331a.js b/version/v0.0.66/_next/static/chunks/90798-83e00a68f864331a.js deleted file mode 100644 index 7568c4ef2c3..00000000000 --- a/version/v0.0.66/_next/static/chunks/90798-83e00a68f864331a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90798],{90798:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/90976-143d36229e4e5b5d.js b/version/v0.0.66/_next/static/chunks/90976-143d36229e4e5b5d.js deleted file mode 100644 index 0255cc44528..00000000000 --- a/version/v0.0.66/_next/static/chunks/90976-143d36229e4e5b5d.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[90976],{90976:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return F}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/9151-05f339d3e90dce42.js b/version/v0.0.66/_next/static/chunks/9151-05f339d3e90dce42.js deleted file mode 100644 index e826b95deb7..00000000000 --- a/version/v0.0.66/_next/static/chunks/9151-05f339d3e90dce42.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9151],{9151:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordion ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBAccordion",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/91584-028c7b24600aabb1.js b/version/v0.0.66/_next/static/chunks/91584-028c7b24600aabb1.js deleted file mode 100644 index cb9fcedb68a..00000000000 --- a/version/v0.0.66/_next/static/chunks/91584-028c7b24600aabb1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91584],{91584:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),c=n(45392),s=n(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Text (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Icon & Text",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Icon",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"noText",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBButton icon",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"account",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':noText="true">Icon',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Icon",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/91596-d1a8572007b0de7b.js b/version/v0.0.66/_next/static/chunks/91596-d1a8572007b0de7b.js deleted file mode 100644 index b44f04ca4c9..00000000000 --- a/version/v0.0.66/_next/static/chunks/91596-d1a8572007b0de7b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91596],{91596:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),l=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||y("CH",!1),r.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"disabled labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" readOnly",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTextarea label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Readonly - Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':readOnly="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Readonly - Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/91599-e1a50523ecec652c.js b/version/v0.0.66/_next/static/chunks/91599-e1a50523ecec652c.js deleted file mode 100644 index 1a5d2a40f8f..00000000000 --- a/version/v0.0.66/_next/static/chunks/91599-e1a50523ecec652c.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91599],{91599:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var n=e(52322),l=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true">Filled - Invalid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false">Filled - Valid',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true">Disabled',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,l.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/91961-c5b5d33593bac5d4.js b/version/v0.0.66/_next/static/chunks/91961-c5b5d33593bac5d4.js deleted file mode 100644 index 0740ec00443..00000000000 --- a/version/v0.0.66/_next/static/chunks/91961-c5b5d33593bac5d4.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[91961],{91961:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||d("CH",!1),s.Code||d("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTab",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabList",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabs",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBTabPanel ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabs",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function d(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/9212-872a44c9f9bb4d6b.js b/version/v0.0.66/_next/static/chunks/9212-872a44c9f9bb4d6b.js deleted file mode 100644 index 055722c1b3e..00000000000 --- a/version/v0.0.66/_next/static/chunks/9212-872a44c9f9bb4d6b.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9212],{9212:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBLink ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBLink href",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"#",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"primary",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Link",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/92738-0464af4e74ea3b0f.js b/version/v0.0.66/_next/static/chunks/92738-0464af4e74ea3b0f.js deleted file mode 100644 index 8d791ec800e..00000000000 --- a/version/v0.0.66/_next/static/chunks/92738-0464af4e74ea3b0f.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[92738],{92738:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return i}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Horizontal (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(s.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBDivider variant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"vertical",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Adaptive - Vertical",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function i(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/93066-16a3c8507d056017.js b/version/v0.0.66/_next/static/chunks/93066-16a3c8507d056017.js deleted file mode 100644 index 680f94bf64b..00000000000 --- a/version/v0.0.66/_next/static/chunks/93066-16a3c8507d056017.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93066],{93066:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={h2:"h2",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:[""],active:"",heightRatio:1},files:[{name:"",focus:"",code:{lines:[{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBCodeDocs",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components/src",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"codeSnippets ",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"/*This is a comment for a button*/ ",props:{style:{color:"#A3BE8C"}}},{content:"\\n",props:{style:{color:"#EBCB8B"}}},{content:" Test",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"...",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCodeDocs codeSnippets",props:{style:{color:"#D8DEE9"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:"{",props:{style:{color:"#ECEFF4"}}},{content:"codeSnippets",props:{style:{color:"#D8DEE9"}}},{content:"}",props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#D8DEE9FF"}}},{content:"DBButton",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#D8DEE9FF"}}},{content:"Test",props:{style:{color:"#D8DEE9"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"...",props:{style:{color:"#81A1C1"}}}]}],lang:"typescript"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/93637-fbbed4dbe395875e.js b/version/v0.0.66/_next/static/chunks/93637-fbbed4dbe395875e.js deleted file mode 100644 index 4dfa00a0bc3..00000000000 --- a/version/v0.0.66/_next/static/chunks/93637-fbbed4dbe395875e.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93637],{93637:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/react-components",children:"react-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.tsx"],active:"App.tsx",heightRatio:1},files:[{name:"App.tsx",focus:"",code:{lines:[{tokens:[{content:"// App.tsx",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBTooltip",props:{style:{color:"#D8DEE9"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBButton ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/react-components",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"const ",props:{style:{color:"#81A1C1"}}},{content:"App ",props:{style:{color:"#88C0D0"}}},{content:"= ",props:{style:{color:"#81A1C1"}}},{content:"() ",props:{style:{color:"#ECEFF4"}}},{content:"=>",props:{style:{color:"#81A1C1"}}},{content:" (",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBButton describedbyid",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hover on me to open Tooltip",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tooltip",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:")",props:{style:{color:"#D8DEE9FF"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"export default ",props:{style:{color:"#81A1C1"}}},{content:"App",props:{style:{color:"#D8DEE9"}}},{content:";",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/93932-7d4c868b5884c68a.js b/version/v0.0.66/_next/static/chunks/93932-7d4c868b5884c68a.js deleted file mode 100644 index a5fa4d3d1d7..00000000000 --- a/version/v0.0.66/_next/static/chunks/93932-7d4c868b5884c68a.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[93932],{93932:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return l},default:function(){return d}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"html",children:"HTML"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/components",children:"components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:l,northPanel:{tabs:["index.html"],active:"index.html",heightRatio:1},files:[{name:"index.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"...",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/94266-a93022a94997c567.js b/version/v0.0.66/_next/static/chunks/94266-a93022a94997c567.js deleted file mode 100644 index aa6607d3874..00000000000 --- a/version/v0.0.66/_next/static/chunks/94266-a93022a94997c567.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94266],{94266:function(o,t,e){e.r(t),e.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return C}});var n=e(52322),c=e(45392),s=e(65854);let l={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||y("CH",!1),l.Code||y("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true">Interactive Checkbox',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true">Interactive Checkbox',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true" :disabled="true">Interactive Checkbox',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox checked disabled",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Interactive Checkbox",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:"><",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox ",props:{style:{color:"#8FBCBB"}}},{content:':checked="true" :disabled="true">Interactive Checkbox',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function C(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function y(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/94361-26eae2bffa4427e2.js b/version/v0.0.66/_next/static/chunks/94361-26eae2bffa4427e2.js deleted file mode 100644 index 1f136c814d9..00000000000 --- a/version/v0.0.66/_next/static/chunks/94361-26eae2bffa4427e2.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[94361],{94361:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var l=e(52322),n=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,l.jsxs)(l.Fragment,{children:[(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,l.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 1",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" (Default) Empty",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Option 1'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Empty",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Invalid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="true" ',props:{style:{color:"#D8DEE9"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Invalid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Invalid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" invalid",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Filled - Valid",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Filled - Valid'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Filled - Valid",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':invalid="false" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Filled - Valid",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,l.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Disabled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" options",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"[",props:{style:{color:"#D8DEE9FF"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'" }, { ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#D8DEE9"}}},{content:': "',props:{style:{color:"#ECEFF4"}}},{content:"Option 2",props:{style:{color:"#A3BE8C"}}},{content:'" }',props:{style:{color:"#ECEFF4"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:"}",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" disabled",props:{style:{color:"#8FBCBB"}}}]},{tokens:[{content:" labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Disabled",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBSelect ",props:{style:{color:"#8FBCBB"}}},{content:":options=\"[{'value':'Disabled'},{'value':'Option 2'}]\" ",props:{style:{color:"#D8DEE9"}}},{content:"label",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Label",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:':disabled="true" ',props:{style:{color:"#D8DEE9"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"floating",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"value",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Disabled",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Disabled",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"tsx"},annotations:[]}]}),(0,l.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,n.a)(),...o.components};return t?(0,l.jsx)(t,{...o,children:(0,l.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/95591-92ed8276349514e1.js b/version/v0.0.66/_next/static/chunks/95591-92ed8276349514e1.js deleted file mode 100644 index 6dfec5f9a52..00000000000 --- a/version/v0.0.66/_next/static/chunks/95591-92ed8276349514e1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95591],{95591:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),r=e(45392),s=e(65854);let c={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||i("CH",!1),c.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" No Overflow (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag overflow",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag ",props:{style:{color:"#8FBCBB"}}},{content:':overflow="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Overflow ",props:{style:{color:"#8FBCBB"}}},{content:"(max-width)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag overflow",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTag ",props:{style:{color:"#8FBCBB"}}},{content:':overflow="true">With ',props:{style:{color:"#D8DEE9"}}},{content:"Overflow ",props:{style:{color:"#8FBCBB"}}},{content:"(max-width)",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" With Overflow (max-width)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/9597-91dd21587e57b630.js b/version/v0.0.66/_next/static/chunks/9597-91dd21587e57b630.js deleted file mode 100644 index 6f592f6caa5..00000000000 --- a/version/v0.0.66/_next/static/chunks/9597-91dd21587e57b630.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9597],{9597:function(o,t,n){n.r(t),n.d(t,{CH:function(){return l},chCodeConfig:function(){return r},default:function(){return a}});var e=n(52322),s=n(45392),c=n(65854);let l={annotations:c.ds,Code:c.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return l||i("CH",!1),l.Code||i("CH.Code",!0),(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,e.jsxs)(l.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBMainNavigation",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,e.jsx)(l.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,e.jsx)(t,{...o,children:(0,e.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/95976-45638bc334b403e1.js b/version/v0.0.66/_next/static/chunks/95976-45638bc334b403e1.js deleted file mode 100644 index bab3dc3c6ab..00000000000 --- a/version/v0.0.66/_next/static/chunks/95976-45638bc334b403e1.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[95976],{95976:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return r},default:function(){return F}});var n=e(52322),s=e(45392),l=e(65854);let c={annotations:l.ds,Code:l.EK},r={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||E("CH",!1),c.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-01",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-02",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:r,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTooltip content",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Tooltip",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"id",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"tooltip-03",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:r,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function F(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/96245-f920e22867bb01a5.js b/version/v0.0.66/_next/static/chunks/96245-f920e22867bb01a5.js deleted file mode 100644 index ddcf8cbd0b6..00000000000 --- a/version/v0.0.66/_next/static/chunks/96245-f920e22867bb01a5.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[96245],{96245:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return y}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||E("CH",!1),r.Code||E("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs initialSelectedIndex",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"1",props:{style:{color:"#B48EAD"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs ",props:{style:{color:"#8FBCBB"}}},{content:':initialSelectedIndex="1">',props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs initialSelectedIndex",props:{style:{color:"#8FBCBB"}}},{content:"={",props:{style:{color:"#81A1C1"}}},{content:"1",props:{style:{color:"#B48EAD"}}},{content:"}>",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs ",props:{style:{color:"#8FBCBB"}}},{content:':initialSelectedIndex="1">',props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs initialSelectedMode",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"manually",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs ",props:{style:{color:"#8FBCBB"}}},{content:':initialSelectedMode="manually">',props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs initialSelectedMode",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"manually",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabList",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTab",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" <",props:{style:{color:"#81A1C1"}}},{content:"DBTabPanel",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBTabs ",props:{style:{color:"#8FBCBB"}}},{content:':initialSelectedMode="manually">',props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab 3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"1",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"2",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" Tab ",props:{style:{color:"#D8DEE9"}}},{content:"Panel ",props:{style:{color:"#8FBCBB"}}},{content:"3",props:{style:{color:"#D8DEE9"}}}]},{tokens:[{content:" ",props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Test 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 1",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 2",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Tab Panel 3",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function E(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/97879-6cd827d796529214.js b/version/v0.0.66/_next/static/chunks/97879-6cd827d796529214.js deleted file mode 100644 index d565d391241..00000000000 --- a/version/v0.0.66/_next/static/chunks/97879-6cd827d796529214.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[97879],{97879:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return d}});var n=e(52322),c=e(45392),r=e(65854);let s={annotations:r.ds,Code:r.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,c.a)(),...o.components};return s||a("CH",!1),s.Code||a("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"angular",children:"Angular"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/ngx-components",children:"ngx-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"load-component",children:"Load component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.ts"],active:"app.component.ts",heightRatio:1},files:[{name:"app.component.ts",focus:"",code:{lines:[{tokens:[{content:"// app.component.ts",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"import ",props:{style:{color:"#81A1C1"}}},{content:"{ ",props:{style:{color:"#ECEFF4"}}},{content:"DBSelect ",props:{style:{color:"#D8DEE9"}}},{content:"} ",props:{style:{color:"#ECEFF4"}}},{content:"from ",props:{style:{color:"#81A1C1"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:"@db-ui/ngx-components",props:{style:{color:"#A3BE8C"}}},{content:"'",props:{style:{color:"#ECEFF4"}}},{content:";",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"@Component",props:{style:{color:"#D08770"}}},{content:"(",props:{style:{color:"#D8DEE9FF"}}},{content:"{",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:" standalone",props:{style:{color:"#D8DEE9"}}},{content:": ",props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#81A1C1"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" imports",props:{style:{color:"#D8DEE9"}}},{content:":",props:{style:{color:"#ECEFF4"}}},{content:" [",props:{style:{color:"#D8DEE9FF"}}},{content:"...",props:{style:{color:"#81A1C1"}}},{content:", ",props:{style:{color:"#ECEFF4"}}},{content:"DBSelect",props:{style:{color:"#D08770"}}},{content:"]",props:{style:{color:"#D8DEE9FF"}}},{content:",",props:{style:{color:"#ECEFF4"}}}]},{tokens:[{content:" // ...",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"}",props:{style:{color:"#ECEFF4"}}},{content:")",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"ts"},annotations:[]}]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["app.component.html"],active:"app.component.html",heightRatio:1},files:[{name:"app.component.html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]})]})}function d(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function a(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/9803-514e49d29a723691.js b/version/v0.0.66/_next/static/chunks/9803-514e49d29a723691.js deleted file mode 100644 index a7100e964d9..00000000000 --- a/version/v0.0.66/_next/static/chunks/9803-514e49d29a723691.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9803],{9803:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return c},default:function(){return a}});var n=e(52322),s=e(45392),l=e(65854);let r={annotations:l.ds,Code:l.EK},c={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||i("CH",!1),r.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"functional",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">functional',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" functional",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"regular (Default)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">regular (Default)',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" regular (Default)",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:c,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem areaPopup",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"expressive",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBNavigationItem ",props:{style:{color:"#8FBCBB"}}},{content:':areaPopup="true">expressive',props:{style:{color:"#D8DEE9"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:c,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" expressive",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
  • ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/98587-e83c37d58b805fdc.js b/version/v0.0.66/_next/static/chunks/98587-e83c37d58b805fdc.js deleted file mode 100644 index 1acd0feac6b..00000000000 --- a/version/v0.0.66/_next/static/chunks/98587-e83c37d58b805fdc.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[98587],{98587:function(o,t,e){e.r(t),e.d(t,{CH:function(){return s},chCodeConfig:function(){return p},default:function(){return a}});var n=e(52322),r=e(45392),c=e(65854);let s={annotations:c.ds,Code:c.EK},p={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function l(o){let t={a:"a",h2:"h2",h3:"h3",p:"p",...(0,r.a)(),...o.components};return s||i("CH",!1),s.Code||i("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsx)(t.h2,{id:"vue",children:"Vue"}),"\n",(0,n.jsxs)(t.p,{children:["For general installation and configuration take a look at the ",(0,n.jsx)(t.a,{href:"https://www.npmjs.com/package/@db-ui/v-components",children:"v-components"})," package."]}),"\n",(0,n.jsx)(t.h3,{id:"use-component",children:"Use component"}),"\n",(0,n.jsx)(s.Code,{codeConfig:p,northPanel:{tabs:["App.vue"],active:"App.vue",heightRatio:1},files:[{name:"App.vue",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#616E88"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]}],lang:"vue"},annotations:[]}]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,r.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(l,{...o})}):l(o)}function i(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/99065-f5ee7b340eb80753.js b/version/v0.0.66/_next/static/chunks/99065-f5ee7b340eb80753.js deleted file mode 100644 index 3a1189a1c25..00000000000 --- a/version/v0.0.66/_next/static/chunks/99065-f5ee7b340eb80753.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99065],{99065:function(o,t,e){e.r(t),e.d(t,{CH:function(){return r},chCodeConfig:function(){return l},default:function(){return a}});var n=e(52322),c=e(45392),s=e(65854);let r={annotations:s.ds,Code:s.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return r||C("CH",!1),r.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"(Default) Label",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(r.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBCheckbox name",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"Content",props:{style:{color:"#A3BE8C"}}},{content:'" ',props:{style:{color:"#ECEFF4"}}},{content:"labelVariant",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"hidden",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Hidden Label",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(r.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"undefined",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function a(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,c.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/99854-f19a7ee759634946.js b/version/v0.0.66/_next/static/chunks/99854-f19a7ee759634946.js deleted file mode 100644 index fd9f2180c20..00000000000 --- a/version/v0.0.66/_next/static/chunks/99854-f19a7ee759634946.js +++ /dev/null @@ -1 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[99854],{99854:function(o,t,e){e.r(t),e.d(t,{CH:function(){return c},chCodeConfig:function(){return l},default:function(){return y}});var n=e(52322),s=e(45392),r=e(65854);let c={annotations:r.ds,Code:r.EK},l={staticMediaQuery:"not screen, (max-width: 768px)",lineNumbers:void 0,showCopyButton:!0,themeName:"nord"};function p(o){return c||C("CH",!1),c.Code||C("CH.Code",!0),(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("style",{dangerouslySetInnerHTML:{__html:'[data-ch-theme="nord"] { --ch-t-colorScheme: dark;--ch-t-foreground: #d8dee9ff;--ch-t-background: #2e3440ff;--ch-t-lighter-inlineBackground: #2e3440e6;--ch-t-editor-background: #2e3440;--ch-t-editor-foreground: #d8dee9;--ch-t-editor-lineHighlightBackground: #3b4252;--ch-t-editor-rangeHighlightBackground: #434c5e52;--ch-t-editor-infoForeground: #3794FF;--ch-t-editor-selectionBackground: #434c5ecc;--ch-t-focusBorder: #3b4252;--ch-t-tab-activeBackground: #3b4252;--ch-t-tab-activeForeground: #d8dee9;--ch-t-tab-inactiveBackground: #2e3440;--ch-t-tab-inactiveForeground: #d8dee966;--ch-t-tab-border: #3b425200;--ch-t-tab-activeBorder: #88c0d000;--ch-t-editorGroup-border: #3b425201;--ch-t-editorGroupHeader-tabsBackground: #2e3440;--ch-t-editorLineNumber-foreground: #4c566a;--ch-t-input-background: #3b4252;--ch-t-input-foreground: #d8dee9;--ch-t-input-border: #3b4252;--ch-t-icon-foreground: #C5C5C5;--ch-t-sideBar-background: #2e3440;--ch-t-sideBar-foreground: #d8dee9;--ch-t-sideBar-border: #3b4252;--ch-t-list-activeSelectionBackground: #88c0d0;--ch-t-list-activeSelectionForeground: #2e3440;--ch-t-list-hoverBackground: #3b4252;--ch-t-list-hoverForeground: #eceff4; }'}}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader",props:{style:{color:"#8FBCBB"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Desktop (full width)",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]}),"\n",(0,n.jsxs)(c.Code,{codeConfig:l,northPanel:{tabs:["angular","react","vue","html"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]},{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader forceMobile",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader forceMobile",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]},{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}],children:[(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["angular"],active:"angular",heightRatio:1},files:[{name:"angular",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["react"],active:"react",heightRatio:1},files:[{name:"react",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader forceMobile",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["vue"],active:"vue",heightRatio:1},files:[{name:"vue",focus:"",code:{lines:[{tokens:[{content:"<",props:{style:{color:"#81A1C1"}}},{content:"DBHeader forceMobile",props:{style:{color:"#8FBCBB"}}},{content:"=",props:{style:{color:"#81A1C1"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:"true",props:{style:{color:"#A3BE8C"}}},{content:'"',props:{style:{color:"#ECEFF4"}}},{content:">",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"tsx"},annotations:[]}]}),(0,n.jsx)(c.Code,{codeConfig:l,northPanel:{tabs:["html"],active:"html",heightRatio:1},files:[{name:"html",focus:"",code:{lines:[{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" Close Button",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}},{content:"Mobile",props:{style:{color:"#D8DEE9FF"}}},{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:" BurgerMenu",props:{style:{color:"#D8DEE9FF"}}}]},{tokens:[{content:" ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"
    ",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#81A1C1"}}}]},{tokens:[{content:"",props:{style:{color:"#D8DEE9FF"}}}]}],lang:"html"},annotations:[]}]})]})]})}function y(){let o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,s.a)(),...o.components};return t?(0,n.jsx)(t,{...o,children:(0,n.jsx)(p,{...o})}):p(o)}function C(o,t){throw Error("Expected "+(t?"component":"object")+" `"+o+"` to be defined: you likely forgot to import, pass, or provide it.")}}}]); \ No newline at end of file diff --git a/version/v0.0.66/_next/static/chunks/framework-0a00898b205e7282.js b/version/v0.0.66/_next/static/chunks/framework-0a00898b205e7282.js deleted file mode 100644 index 805b669ad77..00000000000 --- a/version/v0.0.66/_next/static/chunks/framework-0a00898b205e7282.js +++ /dev/null @@ -1,33 +0,0 @@ -"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[49774],{52967:function(e,n,t){/** - * @license React - * react-dom.production.min.js - * - * Copyright (c) Facebook, Inc. and its affiliates. - * - * This source code is licensed under the MIT license found in the - * LICENSE file in the root directory of this source tree. - */var r,l,a,u,o,i,s=t(2784),c=t(14616);function f(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t