Files
ambersplace.net/cohost-archive/static/client-preact-components-pages-project-page-editor.ec64543ed5db2c7754e2.js

2 lines
21 KiB
JavaScript
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[7079],{72228:function(e,t,a){a.d(t,{F:function(){return d}});var n=a(97244),r=a(34377),l=a(65443),o=a.n(l),s=a(94159),i=a(99838);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},c.apply(this,arguments)}const d=({style:e="light",showValidity:t=!0,name:a,control:l,rules:d,trigger:u,...m})=>{const{field:p,fieldState:f}=(0,i.bc)({name:a,control:l,rules:d}),{name:h,onChange:g}=p,[b,v]=(0,s.useState)();(0,s.useEffect)((()=>{p.ref(b)}),[b,p]);const{inputStyleClasses:y,contentDivStyleClasses:E,validityIconStyleClasses:x}=(0,s.useMemo)((()=>{switch(e){case"light":return{inputStyleClasses:"border-gray-600 text-notBlack\n placeholder:text-gray-600\n focus:border-notBlack disabled:border-gray-300",contentDivStyleClasses:"to-notWhite",validityIconStyleClasses:"bg-notWhite"};case"dynamic":return{inputStyleClasses:"co-styled-input",contentDivStyleClasses:"co-styled-input-content",validityIconStyleClasses:"co-styled-input-validity-icon"};default:return{inputStyleClasses:"border-gray-400 text-notWhite \n placeholder:text-gray-400\n focus:border-notWhite read-only:bg-gray-700",contentDivStyleClasses:"to-notBlack",validityIconStyleClasses:"bg-notBlack"}}}),[e]);return(0,s.useEffect)((()=>{b&&b.value&&b.value!==m.defaultValue&&b.value!==p.value&&!f.isTouched&&(g(b.value),u(h,{shouldFocus:!0}))}),[b,p.value,h,f.isTouched,g,m.defaultValue,u]),s.createElement("div",{className:"relative"},s.createElement("input",c({className:o()("\n w-full min-w-[15rem] rounded-lg border-2 bg-transparent\n ",y)},m,p,{ref:v})),t&&!m.readOnly&&f.isTouched?s.createElement(s.Fragment,null,s.createElement("div",{className:o()("\n absolute bottom-0 right-9 top-0 my-auto h-6 w-3 \n bg-gradient-to-r from-transparent\n ",E)}),f.invalid?s.createElement(n.Z,{className:o()("\n absolute bottom-0 right-3 top-0 my-auto h-6 \n w-6 text-red\n ",x)}):s.createElement(r.Z,{className:o()("\n absolute bottom-0 right-3 top-0 my-auto h-6\n w-6 bg-notWhite text-green\n ",x)})):null)}},74823:function(e,t,a){a.d(t,{Q:function(){return i}});var n=a(65443),r=a.n(n),l=a(94159),o=a(99838);function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},s.apply(this,arguments)}const i=({style:e="light",control:t,name:a,rules:n,children:i})=>{const{field:c}=(0,o.bc)({name:a,control:t,rules:n}),d=(0,l.useMemo)((()=>"light"===e?"border-gray-600 text-notBlack bg-notWhite\n placeholder:text-gray-600\n focus:border-notBlack":"border-gray-400 text-notWhite bg-notBlack\n placeholder:text-gray-400\n focus:border-notWhite"),[e]);return l.createElement("select",s({className:r()("w-full rounded-lg border-2",d)},c),i)}},3072:function(e,t,a){a.r(t),a.d(t,{ProjectPageEditor:function(){return u}});var n=a(18196),r=a(45793),l=a(94159),o=a(90275),s=a(92831),i=a(13834),c=a(60553),d=a(35409);const u=({project:e})=>{const[t,a]=(0,l.useState)(e),[u,m]=(0,s.v)("hideReplies",(!1).toString()),p="true"===u,[f,h]=(0,s.v)("hideShares",(!1).toString()),g="true"===f,[b,v]=(0,s.v)("hideAsks",(!1).toString()),y="true"===b;return l.createElement(l.Fragment,null,l.createElement(o.ql,{title:"edit profile"}),l.createElement("main",{className:"grid flex-grow auto-cols-auto grid-flow-col"},l.createElement(i.F,{project:e,updatePendingProject:e=>{a({...t,...e})}}),l.createElement("div",{className:"container hidden flex-col lg:flex"},l.createElement(n.Z,{canAccessPermissions:{canEdit:r.c.Allowed,canShare:r.c.Allowed,canInteract:r.c.Allowed,canRead:r.c.Allowed},project:t,previewMode:!0},l.createElement(c.Z,{hideReplies:p,hideShares:g,hideAsks:y,setHideReplies:e=>m(e.toString()),setHideShares:e=>h(e.toString()),setHideAsks:e=>v(e.toString())}),l.createElement(d.Z,{handle:e.handle,pinnedPostsAtTop:!0,hideReplies:p,hideShares:g,hideAsks:y})))))};t.default=u,u.displayName="project-page-editor"},46196:function(e,t,a){a.d(t,{A:function(){return c},Z:function(){return d}});var n=a(94159),r=n.forwardRef((function({title:e,titleId:t,...a},r){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:r,"aria-labelledby":t},a),e?n.createElement("title",{id:t},e):null,n.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M8.25 4.5l7.5 7.5-7.5 7.5"}))})),l=a(65443),o=a.n(l),s=a(88658);const i=o()("h-8","pr-3","fill-secondary","text-notWhite","cohost-shadow-light","dark:cohost-shadow-dark","dark:text-notBlack"),c=({backLink:e,forwardLink:t,condensed:a=!1,backOnClick:l,forwardOnClick:o})=>n.createElement("div",{className:"mb-12 flex flex-row gap-x-6"},a?null:n.createElement("span",{className:"hidden w-16 lg:block"}," "),e?n.createElement("a",{href:e,onClick:l},n.createElement(s.OZ,{className:`${i} scale-x-[-1]`},n.createElement(r,null))):null,n.createElement("span",{className:"flex-grow"}," "),t?n.createElement("a",{href:t,onClick:o},n.createElement(s.OZ,{className:i},n.createElement(r,null))):null);var d=c},13834:function(e,t,a){a.d(t,{F:function(){return S}});var n=a(71860),r=a(2735),l=a(72228),o=a(74823),s=a(4337),i=a(91884),c=a(12093),d=a(87836),u=a(15674),m=a(97244),p=a(68095),f=a(86036),h=a.n(f),g=a(94159),b=a(99838),v=a(51028),y=a(40862),E=a(31211);function x(){return x=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},x.apply(this,arguments)}(0,a(29598).ZP)({resolved:{},chunkName:()=>"hookform-devtools",isReady(e){const t=this.resolve(e);return!0===this.resolved[t]&&!!a.m[t]},importAsync:()=>a.e(7e3).then(a.t.bind(a,8077,23)),requireAsync(e){const t=this.resolve(e);return this.resolved[t]=!1,this.importAsync(e).then((e=>(this.resolved[t]=!0,e)))},requireSync(e){const t=this.resolve(e);return a(t)},resolve:()=>8077},{resolveComponent:e=>e.DevTool});const k=204800,w=1048576,N=(e,t)=>a=>void 0===a||(a instanceof FileList?!a.length||(a.length>1?`You can only choose one file as your ${e}!`:a[0].size>t?`${e} must be less than ${Math.round(t/1024)}kb!`:!!a[0].type.startsWith("image/")||`${e} must be an image!`):(console.log(a),"this isn't a filelist???? how did you get here")),S=({project:e,updatePendingProject:t})=>{const{t:a}=(0,v.$G)(),{register:f,handleSubmit:S,formState:{errors:C,isValid:P,isDirty:L,isSubmitSuccessful:j},control:O,watch:A,resetField:R,setValue:D,trigger:Z,reset:M}=(0,b.cI)({defaultValues:{displayName:e.displayName??"",dek:e.dek??"",description:e.description??"",pronouns:e.pronouns??"",url:e.url??"",contactCard:e.contactCard??[],avatarShape:e.avatarShape??"circle",removeHeader:!1},mode:"all"}),{fields:T,append:H,remove:F}=(0,b.Dq)({control:O,name:"contactCard"}),W=n.S.projects.eligibleAvatarShapes.useQuery(void 0,{suspense:!0});A((({displayName:e,description:a,dek:n,header:r,removeHeader:l,pronouns:o,url:s,avatar:i,avatarShape:c,contactCard:d},{name:u})=>{const m={displayName:e,description:a,dek:n,pronouns:o,url:s,avatarShape:c};if(u?.startsWith("contactCard"))d&&(m.contactCard=d.filter((e=>e&&e?.service&&e?.value&&e?.visibility)));else{switch(u){case"displayName":m.displayName=e;break;case"description":m.description=a;break;case"dek":m.dek=n;break;case"pronouns":m.pronouns=o;break;case"url":m.url=s;break;case"avatarShape":m.avatarShape=c;break;case"avatar":{const e=i?.item(0);e&&(m.avatarURL=URL.createObjectURL(e));break}}const t=r?.item(0);l?m.headerURL=void 0:t&&(m.headerURL=URL.createObjectURL(t))}t(m)}));const V=(0,g.useCallback)((()=>{D("header",void 0),D("removeHeader",!0),Z("header"),Z("removeHeader")}),[D,Z]);return(0,g.useEffect)((()=>{f("header",{validate:N("header",w)}),f("avatar",{validate:N("avatar",k)})}),[f]),(0,y.Z)((()=>L)),(0,g.useEffect)((()=>{j&&location.replace(c.ZP.public.project.mainAppProfile({projectHandle:e.handle}))}),[j,e.handle]),(0,g.useEffect)((()=>{P||Object.keys(C).forEach((e=>{R(e,{keepError:!0})}))}),[C,P,R]),g.createElement("form",{onSubmit:S((async e=>{const{displayName:t,dek:a,description:n,url:r,pronouns:l,avatar:o,header:s,removeHeader:i,avatarShape:d,contactCard:u}=e,m=new FormData;m.append("displayName",t),m.append("dek",a),m.append("description",n),m.append("url",r),m.append("pronouns",l),m.append("avatarShape",d),m.append("removeHeader",i.toString()),m.append("contactCard",JSON.stringify(u)),1===o?.length&&m.append("avatar",o[0]),1===s?.length&&m.append("header",s[0]);try{await h().post(c.ZP.public.apiV1.updateProject().toString(),m,{responseType:"json"}),M(e)}catch(e){return void console.error(e)}})),className:"mx-auto w-full min-w-min bg-notBlack p-3 text-notWhite lg:max-w-xs"},g.createElement("div",{className:"mb-3 flex flex-row items-center justify-between gap-6"},g.createElement("a",{href:c.ZP.public.project.mainAppProfile({projectHandle:e.handle}).toString(),className:"flex items-center gap-1 text-mango hover:underline"},g.createElement(d.Z,{className:"h-6 w-6"}),"Back"),g.createElement(r.zx,{type:"submit",buttonStyle:"pill",color:"mango"},"save changes")),g.createElement("section",{className:"flex flex-col gap-2"},g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"display name"),g.createElement(E.V,{type:"text",control:O,name:"displayName",maxLength:70,rules:{maxLength:70},autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"headline"),g.createElement(E.V,{type:"text",control:O,name:"dek",maxLength:35,rules:{maxLength:35},autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"pronouns"),g.createElement(E.V,{type:"text",control:O,name:"pronouns",maxLength:35,rules:{maxLength:35},autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"link"),g.createElement(E.V,{type:"text",control:O,name:"url",autoComplete:"off"})),g.createElement("label",{className:"flex flex-col gap-0"},g.createElement("span",{className:"font-lg font-atkinson font-bold"},"description"),g.createElement(b.Qr,{control:O,name:"description",render:({field:{ref:e,onChange:t,...a}})=>g.createElement(s.D,x({},a,{className:"w-full border-x-0 border-b border-t-0 border-gray-700\n bg-transparent p-1\n text-notWhite placeholder:text-gray-400 read-only:bg-gray-700 focus:border-notWhite",onInput:t,ref:e,minRows:1,autoComplete:"off"}))})),g.createElement("div",{className:"flex flex-col gap-0 border-b border-gray-700 pb-1"},g.createElement("div",{className:"flex flex-row items-center justify-between"},g.createElement("span",{className:"font-atkinson text-lg font-bold"},"avatar"),g.createElement(i.G,{onFilesPicked:e=>{D("avatar",e),Z("avatar")}},g.createElement("button",{type:"button","aria-label":"choose avatar"},g.createElement(u.Z,{className:"h-6 w-6 cursor-pointer"})))),g.createElement("p",{className:"text-sm"},"Max size ",200,"kb"),C.avatar?g.createElement("p",{className:"text-sm text-red"},C.avatar.message):null),g.createElement("div",{className:"flex flex-col gap-0 border-b border-gray-700 pb-1"},W.isError||!W.data?g.createElement("div",null,"we're having some problems loading your profile, so you can't change your avatar shape (",e.avatarShape,") right now."):g.createElement("label",null,g.createElement("span",{className:"font-atkinson text-lg font-bold"},"avatar shape"),g.createElement(o.Q,{style:"dark",control:O,name:"avatarShape",rules:{required:!0}},W.data.map((e=>g.createElement("option",{key:e.id,value:e.id},e.humanReadableName)))))),g.createElement("div",{className:"flex flex-col gap-0 border-b border-gray-700 pb-1"},g.createElement("div",{className:"flex flex-row items-center justify-between"},g.createElement("span",{className:"flex-1 font-atkinson text-lg font-bold"},"header image"),g.createElement(i.G,{onFilesPicked:e=>{D("header",e),D("removeHeader",!1),Z("header"),Z("removeHeader")}},g.createElement("button",{type:"button","aria-label":"choose header image"},g.createElement(u.Z,{className:"h-6 w-6 cursor-pointer"}))),g.createElement("button",{type:"button",onClick:V,"aria-label":"remove header image"},g.createElement(m.Z,{className:"h-6 w-6 cursor-pointer text-red"}))),g.createElement("p",{className:"text-sm"},"Max size ",1024,"kb"),C.header?g.createElement("p",{className:"text-sm text-red"},C.header.message):null),g.createElement("div",{className:"flex flex-col gap-2"},g.createElement(g.Fragment,null,g.createElement("header",{className:"font-atkinson text-lg font-bold"},"edit profile links"),T.map(((e,t)=>g.createElement(g.Fragment,{key:e.id},g.createElement(l.F,{trigger:Z,control:O,type:"text",style:"dark",name:`contactCard.${t}.service`,placeholder:"link title (can contain emoji!)",showValidity:!1}),g.createElement(l.F,{trigger:Z,control:O,type:"text",style:"dark",name:`contactCard.${t}.value`,placeholder:"link",showValidity:!1}),g.createElement(o.Q,{style:"dark",control:O,name:`contactCard.${t}.visibility`,rules:{required:!0}},g.createElement("option",{value:"public"},"visible to everyone"),g.createElement("option",{value:"logged-in"},"visible to logged-in users"),g.createElement("option",{value:"following-you"},"visible to pages following you"),g.createElement("option",{value:"follows"},"visible to pages you follow")),g.createElement("button",{type:"button",className:"cursor-pointer self-end text-red",onClick:e=>{e.stopPropagation(),F(t)}},"delete link")))),g.createElement("button",{type:"button",className:"flex cursor-pointer flex-row self-center text-mango",onClick:e=>{e.stopPropagation(),H({service:"",value:"",visibility:"public"})}},g.createElement(p.Z,{className:"h-6 w-6"}),"add link")))),!1)}},31211:function(e,t,a){a.d(t,{V:function(){return o}});var n=a(94159),r=a(99838);function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},l.apply(this,arguments)}const o=({name:e,control:t,rules:a,...o})=>{const{field:s}=(0,r.bc)({name:e,control:t,rules:a});return n.createElement("div",{className:"relative"},n.createElement("input",l({className:"w-full border-x-0 border-b border-t-0 border-gray-700\n bg-transparent p-1\n text-notWhite placeholder:text-gray-400 read-only:bg-gray-700 focus:border-notWhite"},o,s)))}},60553:function(e,t,a){a.d(t,{Z:function(){return o}});var n=a(94159),r=a(86058);const l=e=>{const[t,a]=(0,n.useState)(e.initial??!1),l="py-2 px-2 text-cherry-700 md:px-3",o="rounded-lg bg-cherry-500 py-2 px-2 text-notWhite md:px-3 font-bold";return n.createElement(r.r.Group,null,n.createElement(r.r.Label,{className:"sr-only"},e.onLabel),n.createElement(r.r,{checked:t,onChange:t=>{a(t),e.onChange(t)},className:"inline-flex w-fit items-center rounded-lg bg-cherry-300 text-base leading-none"},n.createElement("span",{className:t?l:o},e.offLabel),n.createElement("span",{className:t?o:l},e.onLabel)))};var o=e=>n.createElement("div",{className:"mt-4 flex flex-row gap-4"},n.createElement(l,{offLabel:"show shares",onLabel:"hide shares",onChange:t=>e.setHideShares(t),initial:e.hideShares}),n.createElement(l,{offLabel:"show replies",onLabel:"hide replies",onChange:t=>e.setHideReplies(t),initial:e.hideReplies}),n.createElement(l,{offLabel:"show asks",onLabel:"hide asks",onChange:t=>e.setHideAsks(t),initial:e.hideAsks}))},35409:function(e,t,a){a.d(t,{Z:function(){return d}});var n=a(71860),r=a(62745),l=a(92831),o=a(94159),s=a(33448),i=a(46479),c=a(46196);const d=({handle:e,pinnedPostsAtTop:t,hideReplies:a,hideShares:d,hideAsks:u,viewingOnProjectPage:m=!1,keepPreviousData:p=!0,startingPageNumber:f=0})=>{const h=(0,r.Q)(),[g,b]=(0,o.useTransition)(),[v,y]=(0,l.v)("page",f.toString()),E=parseInt(v??"0")||0,x=n.S.posts.profilePosts.useQuery({projectHandle:e,page:E,options:{pinnedPostsAtTop:t,hideReplies:a,hideShares:d,hideAsks:u,viewingOnProjectPage:m}},{suspense:!0,keepPreviousData:p}),k=(0,o.useMemo)((()=>null!==x.data?.pagination.nextPage&&void 0!==x.data?.pagination.nextPage),[x.data?.pagination.nextPage]),w=(0,o.useMemo)((()=>null!==x.data?.pagination.previousPage&&void 0!==x.data?.pagination.previousPage),[x.data?.pagination.previousPage]),N=(0,o.useCallback)((()=>{const e=x.data?.pagination.previousPage;null!=e&&b((()=>{y(e.toString())}))}),[x.data?.pagination.previousPage,y]),S=(0,o.useCallback)((()=>{const e=x.data?.pagination.nextPage;null!=e&&b((()=>{y(e.toString())}))}),[x.data?.pagination.nextPage,y]),C=(0,o.useMemo)((()=>{if(w)return()=>N()}),[w,N]),P=(0,o.useMemo)((()=>{if(w)return"#"}),[w]),L=(0,o.useMemo)((()=>{if(k)return()=>S()}),[k,S]),j=(0,o.useMemo)((()=>{if(k)return"#"}),[k]);return(0,o.useEffect)((()=>{y(f.toString())}),[e]),o.createElement("div",{className:"mt-4 flex w-fit flex-col gap-4"},x.data?.posts.map(((e,t)=>o.createElement(s.Z,{key:e.postId,initialVisible:t<4,stayRendered:!0},o.createElement(i.G,{viewModel:e,highlightedTags:[],condensed:!0,skipCollapse:!1,displayPrefs:h,commentThreads:void 0})))),o.createElement("div",{className:"max-w-prose"},o.createElement(c.Z,{condensed:!0,backOnClick:C,backLink:P,forwardLink:j,forwardOnClick:L})))}},92831:function(e,t,a){a.d(t,{v:function(){return r}});var n=a(60824);const r=(e,t)=>{const[a,r]=(0,n.lr)();return[a.get(e)??t,t=>{r((a=>(a.set(e,t),a)))}]}},86058:function(e,t,a){a.d(t,{r:function(){return S}});var n=a(94159),r=a(56018),l=a(17881),o=a(92302),s=a(29890),i=a(79211),c=a(76023),d=a(62450);let u=(0,n.createContext)(null);function m(){let e=(0,n.useContext)(u);if(null===e){let e=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,m),e}return e}function p(){let[e,t]=(0,n.useState)([]);return[e.length>0?e.join(" "):void 0,(0,n.useMemo)((()=>function(e){let a=(0,d.z)((e=>(t((t=>[...t,e])),()=>t((t=>{let a=t.slice(),n=a.indexOf(e);return-1!==n&&a.splice(n,1),a}))))),r=(0,n.useMemo)((()=>({register:a,slot:e.slot,name:e.name,props:e.props})),[a,e.slot,e.name,e.props]);return n.createElement(u.Provider,{value:r},e.children)}),[t])]}let f=(0,r.yV)((function(e,t){let a=(0,l.M)(),{id:n=`headlessui-label-${a}`,passive:o=!1,...s}=e,d=m(),u=(0,c.T)(t);(0,i.e)((()=>d.register(n)),[n,d.register]);let p={ref:u,...d.props,id:n};return o&&("onClick"in p&&(delete p.htmlFor,delete p.onClick),"onClick"in s&&delete s.onClick),(0,r.sY)({ourProps:p,theirProps:s,slot:d.slot||{},defaultTag:"label",name:d.name||"Label"})})),h=Object.assign(f,{});var g=a(48878),b=a(12929),v=a(56910),y=a(98009),E=a(55871),x=a(41452);let k=(0,n.createContext)(null);k.displayName="GroupContext";let w=n.Fragment,N=(0,r.yV)((function(e,t){let a=(0,l.M)(),{id:i=`headlessui-switch-${a}`,checked:u,defaultChecked:m=!1,onChange:p,name:f,value:h,form:g,...w}=e,N=(0,n.useContext)(k),S=(0,n.useRef)(null),C=(0,c.T)(S,t,null===N?null:N.setSwitch),[P,L]=(0,E.q)(u,p,m),j=(0,d.z)((()=>null==L?void 0:L(!P))),O=(0,d.z)((e=>{if((0,s.P)(e.currentTarget))return e.preventDefault();e.preventDefault(),j()})),A=(0,d.z)((e=>{e.key===o.R.Space?(e.preventDefault(),j()):e.key===o.R.Enter&&(0,y.g)(e.currentTarget)})),R=(0,d.z)((e=>e.preventDefault())),D=(0,n.useMemo)((()=>({checked:P})),[P]),Z={id:i,ref:C,role:"switch",type:(0,b.f)(e,S),tabIndex:0,"aria-checked":P,"aria-labelledby":null==N?void 0:N.labelledby,"aria-describedby":null==N?void 0:N.describedby,onClick:O,onKeyUp:A,onKeyPress:R},M=(0,x.G)();return(0,n.useEffect)((()=>{var e;let t=null==(e=S.current)?void 0:e.closest("form");t&&void 0!==m&&M.addEventListener(t,"reset",(()=>{L(m)}))}),[S,L]),n.createElement(n.Fragment,null,null!=f&&P&&n.createElement(v._,{features:v.A.Hidden,...(0,r.oA)({as:"input",type:"checkbox",hidden:!0,readOnly:!0,form:g,checked:P,name:f,value:h})}),(0,r.sY)({ourProps:Z,theirProps:w,slot:D,defaultTag:"button",name:"Switch"}))})),S=Object.assign(N,{Group:function(e){var t;let[a,l]=(0,n.useState)(null),[o,s]=p(),[i,c]=(0,g.f)(),d=(0,n.useMemo)((()=>({switch:a,setSwitch:l,labelledby:o,describedby:i})),[a,l,o,i]),u=e;return n.createElement(c,{name:"Switch.Description"},n.createElement(s,{name:"Switch.Label",props:{htmlFor:null==(t=d.switch)?void 0:t.id,onClick(e){a&&("LABEL"===e.currentTarget.tagName&&e.preventDefault(),a.click(),a.focus({preventScroll:!0}))}}},n.createElement(k.Provider,{value:d},(0,r.sY)({ourProps:{},theirProps:u,defaultTag:w,name:"Switch.Group"}))))},Label:h,Description:g.d})},87836:function(e,t,a){var n=a(94159);const r=n.forwardRef((function({title:e,titleId:t,...a},r){return n.createElement("svg",Object.assign({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24",strokeWidth:1.5,stroke:"currentColor","aria-hidden":"true",ref:r,"aria-labelledby":t},a),e?n.createElement("title",{id:t},e):null,n.createElement("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"M18.75 19.5l-7.5-7.5 7.5-7.5m-6 15L5.25 12l7.5-7.5"}))}));t.Z=r}}]);
//# sourceMappingURL=client-preact-components-pages-project-page-editor.ec64543ed5db2c7754e2.js.map