19 lines
No EOL
14 KiB
JSON
19 lines
No EOL
14 KiB
JSON
{
|
|
"ListFormCode": "App.DeveloperKit.CustomComponents",
|
|
"KeyFieldName": "Id",
|
|
"GeneratedAt": "2026-09-21T14:46:03.8784173Z",
|
|
"Order": 0,
|
|
"Rows": [
|
|
{
|
|
"Id": "8f1c2d40-0000-4000-8000-000000000105",
|
|
"Name": "PublicHeader",
|
|
"RoutePath": null,
|
|
"Description": "Header",
|
|
"IsActive": true,
|
|
"Dependencies": [],
|
|
"Code": "/*__SOZSOFT_VISUAL_DESIGNER__%7B%22version%22%3A1%2C%22sourceMode%22%3A%22visual%22%2C%22nodes%22%3A%5B%7B%22id%22%3A%22cmp_seed_0245%22%2C%22type%22%3A%22PublicHeaderBar%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22fixed%20z-50%20w-full%20border-b%20border-white%2F5%20bg-gray-950%2F80%20py-4%20backdrop-blur-sm%20transition-all%20duration-500%22%2C%22scrolledClassName%22%3A%22fixed%20z-50%20w-full%20border-b%20border-white%2F10%20bg-gray-950%20py-2%20shadow-lg%20shadow-black%2F30%20transition-all%20duration-500%22%2C%22scrollThreshold%22%3A10%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0244%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22container%20relative%20mx-auto%20grid%20grid-cols-%5Bauto_1fr_auto%5D%20items-center%20px-6%20lg%3Agrid-cols-%5B1fr_auto%5D%20xl%3Agrid-cols-%5Bauto_1fr_auto%5D%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0242%22%2C%22type%22%3A%22PublicLogo%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22relative%20z-10%20max-w-%5B190px%5D%20overflow-hidden%20lg%3Ahidden%20xl%3Ablock%20xl%3Amax-w-none%22%2C%22imgClassName%22%3A%22h-10%20w-auto%20object-contain%20xl%3Ah-auto%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0243%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22navigation%22%2C%22variant%22%3A%22horizontal%22%2C%22className%22%3A%22hidden%20items-center%20gap-1%20justify-self-start%20lg%3Acol-start-1%20lg%3Aflex%20xl%3Acol-start-2%20xl%3Ajustify-self-center%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0233%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22relative%20z-10%20hidden%20items-center%20gap-3%20lg%3Acol-start-2%20lg%3Aflex%20lg%3Ajustify-self-end%20xl%3Acol-start-3%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0226%22%2C%22type%22%3A%22PublicDemoButton%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-lg%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0227%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22h-5%20w-px%20bg-white%2F20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0228%22%2C%22type%22%3A%22PublicLanguageSelector%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22!bg-transparent%20hover%3A!bg-transparent%20dark%3Ahover%3A!bg-transparent%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0229%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22h-5%20w-px%20bg-white%2F20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0230%22%2C%22type%22%3A%22PublicThemeToggle%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0231%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22h-5%20w-px%20bg-white%2F20%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0232%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22actions%22%2C%22variant%22%3A%22horizontal%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0241%22%2C%22type%22%3A%22PublicMobileMenu%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22col-start-3%20justify-self-end%20lg%3Ahidden%22%2C%22buttonClassName%22%3A%22flex%20h-9%20w-9%20items-center%20justify-center%20rounded-md%20text-white%20transition-colors%20hover%3Abg-white%2F10%22%2C%22panelClassName%22%3A%22absolute%20inset-x-0%20top-full%20z-50%20border-t%20border-white%2F10%20bg-gray-950%20px-6%20py-3%20shadow-xl%20shadow-black%2F40%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0234%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22navigation%22%2C%22variant%22%3A%22vertical%22%2C%22className%22%3A%22flex%20flex-col%20gap-1%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0235%22%2C%22type%22%3A%22PublicNav%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22source%22%3A%22actions%22%2C%22variant%22%3A%22vertical%22%2C%22className%22%3A%22flex%20flex-col%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0240%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22mt-1%20flex%20items-center%20justify-between%20gap-3%20border-t%20border-white%2F10%20pb-1%20pt-2%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0238%22%2C%22type%22%3A%22div%22%2C%22kind%22%3A%22html%22%2C%22props%22%3A%7B%22className%22%3A%22flex%20items-center%20gap-1%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%7B%22id%22%3A%22cmp_seed_0236%22%2C%22type%22%3A%22PublicDemoButton%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22rounded-lg%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0237%22%2C%22type%22%3A%22PublicLanguageSelector%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%22className%22%3A%22!bg-transparent%20hover%3A!bg-transparent%20dark%3Ahover%3A!bg-transparent%22%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%2C%7B%22id%22%3A%22cmp_seed_0239%22%2C%22type%22%3A%22PublicThemeToggle%22%2C%22kind%22%3A%22custom%22%2C%22props%22%3A%7B%7D%2C%22events%22%3A%7B%7D%2C%22bindings%22%3A%7B%7D%2C%22children%22%3A%5B%5D%7D%5D%7D%5D%7D%5D%7D%5D%7D%5D%2C%22canvas%22%3A%7B%22width%22%3A%22responsive%22%7D%2C%22lifecycle%22%3A%7B%22onMount%22%3A%22%22%7D%2C%22dataSources%22%3A%5B%5D%2C%22permissionCode%22%3A%22%22%7D__*/\nconst PublicHeader = () => {\n\n\n return (\n <>\n <PublicHeaderBar className={\"fixed z-50 w-full border-b border-white/5 bg-gray-950/80 py-4 backdrop-blur-sm transition-all duration-500\"} scrolledClassName={\"fixed z-50 w-full border-b border-white/10 bg-gray-950 py-2 shadow-lg shadow-black/30 transition-all duration-500\"} scrollThreshold={10}>\n <div className={\"container relative mx-auto grid grid-cols-[auto_1fr_auto] items-center px-6 lg:grid-cols-[1fr_auto] xl:grid-cols-[auto_1fr_auto]\"}>\n <PublicLogo className={\"relative z-10 max-w-[190px] overflow-hidden lg:hidden xl:block xl:max-w-none\"} imgClassName={\"h-10 w-auto object-contain xl:h-auto\"} />\n <PublicNav source={\"navigation\"} variant={\"horizontal\"} className={\"hidden items-center gap-1 justify-self-start lg:col-start-1 lg:flex xl:col-start-2 xl:justify-self-center\"} />\n <div className={\"relative z-10 hidden items-center gap-3 lg:col-start-2 lg:flex lg:justify-self-end xl:col-start-3\"}>\n <PublicDemoButton className={\"rounded-lg\"} />\n <div className={\"h-5 w-px bg-white/20\"} />\n <PublicLanguageSelector className={\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"} />\n <div className={\"h-5 w-px bg-white/20\"} />\n <PublicThemeToggle />\n <div className={\"h-5 w-px bg-white/20\"} />\n <PublicNav source={\"actions\"} variant={\"horizontal\"} />\n </div>\n <PublicMobileMenu className={\"col-start-3 justify-self-end lg:hidden\"} buttonClassName={\"flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:bg-white/10\"} panelClassName={\"absolute inset-x-0 top-full z-50 border-t border-white/10 bg-gray-950 px-6 py-3 shadow-xl shadow-black/40\"}>\n <PublicNav source={\"navigation\"} variant={\"vertical\"} className={\"flex flex-col gap-1\"} />\n <PublicNav source={\"actions\"} variant={\"vertical\"} className={\"flex flex-col\"} />\n <div className={\"mt-1 flex items-center justify-between gap-3 border-t border-white/10 pb-1 pt-2\"}>\n <div className={\"flex items-center gap-1\"}>\n <PublicDemoButton className={\"rounded-lg\"} />\n <PublicLanguageSelector className={\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"} />\n </div>\n <PublicThemeToggle />\n </div>\n </PublicMobileMenu>\n </div>\n </PublicHeaderBar>\n </>\n )\n}\n\nexport default PublicHeader\n",
|
|
"Props": "{\"visualDesigner\":{\"version\":1,\"sourceMode\":\"visual\",\"nodes\":[{\"id\":\"cmp_seed_0245\",\"type\":\"PublicHeaderBar\",\"kind\":\"custom\",\"props\":{\"className\":\"fixed z-50 w-full border-b border-white/5 bg-gray-950/80 py-4 backdrop-blur-sm transition-all duration-500\",\"scrolledClassName\":\"fixed z-50 w-full border-b border-white/10 bg-gray-950 py-2 shadow-lg shadow-black/30 transition-all duration-500\",\"scrollThreshold\":10},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0244\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"container relative mx-auto grid grid-cols-[auto_1fr_auto] items-center px-6 lg:grid-cols-[1fr_auto] xl:grid-cols-[auto_1fr_auto]\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0242\",\"type\":\"PublicLogo\",\"kind\":\"custom\",\"props\":{\"className\":\"relative z-10 max-w-[190px] overflow-hidden lg:hidden xl:block xl:max-w-none\",\"imgClassName\":\"h-10 w-auto object-contain xl:h-auto\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0243\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"navigation\",\"variant\":\"horizontal\",\"className\":\"hidden items-center gap-1 justify-self-start lg:col-start-1 lg:flex xl:col-start-2 xl:justify-self-center\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0233\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"relative z-10 hidden items-center gap-3 lg:col-start-2 lg:flex lg:justify-self-end xl:col-start-3\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0226\",\"type\":\"PublicDemoButton\",\"kind\":\"custom\",\"props\":{\"className\":\"rounded-lg\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0227\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"h-5 w-px bg-white/20\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0228\",\"type\":\"PublicLanguageSelector\",\"kind\":\"custom\",\"props\":{\"className\":\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0229\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"h-5 w-px bg-white/20\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0230\",\"type\":\"PublicThemeToggle\",\"kind\":\"custom\",\"props\":{},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0231\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"h-5 w-px bg-white/20\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0232\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"actions\",\"variant\":\"horizontal\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0241\",\"type\":\"PublicMobileMenu\",\"kind\":\"custom\",\"props\":{\"className\":\"col-start-3 justify-self-end lg:hidden\",\"buttonClassName\":\"flex h-9 w-9 items-center justify-center rounded-md text-white transition-colors hover:bg-white/10\",\"panelClassName\":\"absolute inset-x-0 top-full z-50 border-t border-white/10 bg-gray-950 px-6 py-3 shadow-xl shadow-black/40\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0234\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"navigation\",\"variant\":\"vertical\",\"className\":\"flex flex-col gap-1\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0235\",\"type\":\"PublicNav\",\"kind\":\"custom\",\"props\":{\"source\":\"actions\",\"variant\":\"vertical\",\"className\":\"flex flex-col\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0240\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"mt-1 flex items-center justify-between gap-3 border-t border-white/10 pb-1 pt-2\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0238\",\"type\":\"div\",\"kind\":\"html\",\"props\":{\"className\":\"flex items-center gap-1\"},\"events\":{},\"bindings\":{},\"children\":[{\"id\":\"cmp_seed_0236\",\"type\":\"PublicDemoButton\",\"kind\":\"custom\",\"props\":{\"className\":\"rounded-lg\"},\"events\":{},\"bindings\":{},\"children\":[]},{\"id\":\"cmp_seed_0237\",\"type\":\"PublicLanguageSelector\",\"kind\":\"custom\",\"props\":{\"className\":\"!bg-transparent hover:!bg-transparent dark:hover:!bg-transparent\"},\"events\":{},\"bindings\":{},\"children\":[]}]},{\"id\":\"cmp_seed_0239\",\"type\":\"PublicThemeToggle\",\"kind\":\"custom\",\"props\":{},\"events\":{},\"bindings\":{},\"children\":[]}]}]}]}]}],\"canvas\":{\"width\":\"responsive\"},\"lifecycle\":{\"onMount\":\"\"},\"dataSources\":[],\"permissionCode\":\"\"}}",
|
|
"DataSources": []
|
|
}
|
|
]
|
|
} |