1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2664],{22664:(a,e,r)=>{r.r(e),r.d(e,{default:()=>p});var t=r(67002),i=r(77809),o=r(59308),d=r(14699),s=r(63933),n=r(95663),l=r(42475),c=r(16466);let p=()=>{let[a,e]=c.useState(!0);return(0,t.jsxs)(i.a,{children:[(0,t.jsx)(i.a,{css:{margin:"30px 0px","@media (min-width: 1100px)":{position:"relative",maxWidth:"1000px",width:"calc(100% + 300px)",margin:"30px -150px"}},children:(0,t.jsxs)(o.a,{gap:"6",templateColumns:"repeat(auto-fit, minmax(250px, 1fr))",children:[(0,t.jsx)(d.a,{glass:!0,depth:3,title:"layout={true}",children:(0,t.jsx)(d.a.Body,{dotMatrix:!0,css:{height:"300px",display:"grid"},children:(0,t.jsx)(i.a,{as:l.P.div,layout:!0,transition:{layout:{duration:1.5}},css:{justifySelf:a?"center":"flex-start",alignSelf:a?"center":"flex-start",background:"linear-gradient(-60deg,#2E83FF -10%,#EB7D9F 50%, #FFCBBE 100%)",width:a?"20px":"100%",height:a?"20px":"100%"},style:{borderRadius:20}})})}),(0,t.jsx)(d.a,{glass:!0,depth:3,title:'layout="position"',children:(0,t.jsx)(d.a.Body,{dotMatrix:!0,css:{height:"300px",display:"grid"},children:(0,t.jsx)(i.a,{as:l.P.div,layout:"position",transition:{layout:{duration:1.5}},css:{justifySelf:a?"center":"flex-start",alignSelf:a?"center":"flex-start",background:"linear-gradient(-60deg,#2E83FF -10%,#EB7D9F 50%, #FFCBBE 100%)",width:a?"20px":"100%",height:a?"20px":"100%"},style:{borderRadius:20}})})}),(0,t.jsx)(d.a,{glass:!0,depth:3,title:'layout="size"',children:(0,t.jsx)(d.a.Body,{dotMatrix:!0,css:{height:"300px",display:"grid"},children:(0,t.jsx)(i.a,{as:l.P.div,layout:"size",transition:{layout:{duration:1.5}},css:{justifySelf:a?"center":"flex-start",alignSelf:a?"center":"flex-start",background:"linear-gradient(-60deg,#2E83FF -10%,#EB7D9F 50%, #FFCBBE 100%)",width:a?"20px":"100%",height:a?"20px":"100%"},style:{borderRadius:20}})})})]})}),(0,t.jsx)(s.a,{justifyContent:"center",children:(0,t.jsx)(n.a,{"aria-label":"Expand card",id:"expand-card",label:"Expand card",onChange:()=>e(a=>!a)})})]})}},23116:(a,e,r)=>{r.d(e,{a:()=>o}),r(16466);var t=r(9642),i=r(67002),o=a=>{let{children:e,...r}=a;return(0,i.jsx)(t.c,{...r,as:"label",css:{display:"inline-block",cursor:"pointer",userSelect:"none",marginRight:"8px",letterSpacing:"0px",verticalAlign:"top"},variant:"secondary",size:"1",weight:"3",children:e})}},95663:(a,e,r)=>{r.d(e,{a:()=>n}),r(16466);var t=r(23116),i=r(63933),o=r(45448),d=r(67002),s=(0,o.g)("input",{WebkitAppearance:"none",MozAppearance:"none",flexShrink:0,height:"24px",width:"44px",outline:"none",display:"inline-block",position:"relative",margin:0,cursor:"pointer",borderRadius:"var(--border-radius-2)",border:"1px solid var(--border-color, var(--input-border))",background:"var(--background, var(--input-background))",boxShadow:"var(--shadow, none)",transition:"background 0.3s, border-color 0.3s, box-shadow 0.2s","--shadow-hover-primary":"0 2px 20px 3px var(--input-focus)","&:after":{content:"",display:"block",position:"absolute",left:"2px",top:"2px",borderRadius:"50%",width:"18px",height:"18px",background:"var(--ab, var(--input-border))",boxShadow:"var(--shadow-handle, none)",transition:"transform var(--d-t, 0.3s) var(--d-t-e, ease), opacity var(--d-o, 0.2s), box-shadow 0.2s",transform:"translateX(var(--x, 0))"},"&:checked":{"--background":"var(--input-active)","--border-color":"var(--input-active)","--d-o":"0.3s","--d-t":"0.6s","--d-t-e":"cubic-bezier(0.2, 0.85, 0.32, 1.2)","--ab":"#ffffff","--x":"20px","--shadow-handle":"inset 0px 1px 1px rgba(255, 255, 255, 0.3), inset 0px -1.0px 0.5px rgba(0, 0, 0, 0.3)"},"&:disabled":{"--background":"var(--input-disabled)",cursor:"not-allowed",opacity:"0.4",filter:"grayscale(0.25)","&:checked":{"--border-color":"var(--input-border)"},"& + label":{cursor:"not-allowed"},"&:not(:checked)":{"&:after":{opacity:"0.6"}}},"&:hover":{"&:not(:disabled)":{"&:not(:checked)":{"--border-color":"var(--input-active)"},"--shadow":"var(--shadow-hover-primary)"}},"&:focus-visible":{"--border-color":"var(--input-active)","--shadow":"var(--shadow-hover-primary)"}}),n=a=>{let{toggled:e,id:r,label:o,...n}=a;return(0,d.jsxs)(i.a,{gap:2,children:[(0,d.jsx)(s,{className:"switch",id:r,type:"checkbox",checked:e,"aria-checked":e,role:"switch",...n}),o?(0,d.jsx)(t.a,{htmlFor:r,children:o}):null]})}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.