CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] straight-corners plain-background"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=1&quality=100&sign=365eb7c2&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=2&quality=100&sign=365eb7c2&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=3&quality=100&sign=365eb7c2&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=4&quality=100&sign=365eb7c2&sv=1 128w" imageSizes="32px" fetchPriority="high"/><link rel="stylesheet" href="/_next/static/css/2d00a2f28ca4dc5d.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/99f50cfb598d2941.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/d42d805b938873da.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0673bb6e29c473c8.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/c311d6484335995a.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/5a687dea857dc6f5.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/7235fa9d119901d4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/86d6274f3e6d760c.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/a91fbeec63857000.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/2d0986519abf0323.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/0f891de5863d7182.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0" href="/_next/static/chunks/webpack-21fb00c223e55731.js"/><script src="/_next/static/chunks/1dd3208c-b11c3db6cd7d86b2.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/9978-293e379e3e1468f4.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/main-app-9ebfecd6c4e0cf57.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/app/global-error-19768e91f18f21d9.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/b5d5b83b-3d9186fb60556c53.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/7609-ae1015bd89577747.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/1281-411df876b32e19c2.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/4012-d5519c7c19347ff0.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/app/(site)/layout-512d7fc9258aa558.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/app/(site)/error-aabf7054fe6497a1.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/9505-a8f112b566ef7f41.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/4531-b39a0af8c700f9ea.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/4746-fcf448a964a3d7bb.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/1285-2b0f91300e0c0b9a.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/3902-19c217a299034164.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_p4n4T/script.js?version=148.lzqugz8" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_p4n4T/script.js?version=149.0" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/6150-57a79db9099e4be8.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/8510-2f41b25832a6d317.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/8843-dcccd4a8528a4d7f.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/9028-bdf215f649fe02e9.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><script src="/_next/static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js" async="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script><link rel="privacy-policy" href="https://our.umbraco.com/privacy-policy"/><meta name="color-scheme" content="light dark"/><title>Adding A Type To The Provider Model | Umbraco Forms</title><meta name="generator" content="GitBook (fc8065b)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://docs.umbraco.com/umbraco-forms/developer/extending/adding-a-type"/><meta property="og:title" content="Adding A Type To The Provider Model | Umbraco Forms"/><meta property="og:image" content="https://docs.umbraco.com/umbraco-forms/~gitbook/ogimage/1Ch2XqpwvoJttWsSIr5i"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Adding A Type To The Provider Model | Umbraco Forms"/><meta name="twitter:image" content="https://docs.umbraco.com/umbraco-forms/~gitbook/ogimage/1Ch2XqpwvoJttWsSIr5i"/><link rel="icon" href="https://2296472622-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FHn2xWIIsQRvdAn3GPCrC%2Ficon%2F3hwEUw5L6TyFZ4X76bX0%2FUmbraco_Documentations_logo_icon.png?alt=media&token=ee6c5127-0c63-45bd-9756-c26da61ffb40" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://2296472622-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FHn2xWIIsQRvdAn3GPCrC%2Ficon%2F3hwEUw5L6TyFZ4X76bX0%2FUmbraco_Documentations_logo_icon.png?alt=media&token=ee6c5127-0c63-45bd-9756-c26da61ffb40" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><style> :root { --primary-color-50: 234 235 245; --primary-color-100: 212 216 234; --primary-color-200: 169 176 213; --primary-color-300: 126 137 193; --primary-color-400: 83 97 172; --primary-color-500: 40 58 151; --primary-color-600: 32 46 121; --primary-color-700: 24 35 91; --primary-color-800: 16 23 60; --primary-color-900: 8 12 30; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 255 255 255; --contrast-primary-500: 255 255 255; --contrast-primary-600: 255 255 255; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --primary-base-50: 234 235 245; --primary-base-100: 212 216 234; --primary-base-200: 169 176 213; --primary-base-300: 126 137 193; --primary-base-400: 83 97 172; --primary-base-500: 40 58 151; --primary-base-600: 32 46 121; --primary-base-700: 24 35 91; --primary-base-800: 16 23 60; --primary-base-900: 8 12 30; --header-background-50: 255 255 255; --header-background-100: 255 255 255; --header-background-200: 255 255 255; --header-background-300: 255 255 255; --header-background-400: 255 255 255; --header-background-500: 255 255 255; --header-background-600: 204 204 204; --header-background-700: 153 153 153; --header-background-800: 102 102 102; --header-background-900: 51 51 51; --header-link-50: 234 235 245; --header-link-100: 212 216 234; --header-link-200: 169 176 213; --header-link-300: 126 137 193; --header-link-400: 83 97 172; --header-link-500: 40 58 151; --header-link-600: 32 46 121; --header-link-700: 24 35 91; --header-link-800: 16 23 60; --header-link-900: 8 12 30; --header-button-text-50: 255 255 255; --header-button-text-100: 255 255 255; --header-button-text-200: 255 255 255; --header-button-text-300: 255 255 255; --header-button-text-400: 255 255 255; --header-button-text-500: 255 255 255; --header-button-text-600: 204 204 204; --header-button-text-700: 153 153 153; --header-button-text-800: 102 102 102; --header-button-text-900: 51 51 51; } .dark { --primary-color-50: 255 246 246; --primary-color-100: 254 236 236; --primary-color-200: 253 217 218; --primary-color-300: 253 198 199; --primary-color-400: 252 179 181; --primary-color-500: 251 160 162; --primary-color-600: 201 128 130; --primary-color-700: 151 96 97; --primary-color-800: 100 64 65; --primary-color-900: 50 32 32; --primary-base-50: 255 246 246; --primary-base-100: 254 236 236; --primary-base-200: 253 217 218; --primary-base-300: 253 198 199; --primary-base-400: 252 179 181; --primary-base-500: 251 160 162; --primary-base-600: 201 128 130; --primary-base-700: 151 96 97; --primary-base-800: 100 64 65; --primary-base-900: 50 32 32; --contrast-primary-50: 0 0 0; --contrast-primary-100: 0 0 0; --contrast-primary-200: 0 0 0; --contrast-primary-300: 0 0 0; --contrast-primary-400: 0 0 0; --contrast-primary-500: 0 0 0; --contrast-primary-600: 0 0 0; --contrast-primary-700: 255 255 255; --contrast-primary-800: 255 255 255; --contrast-primary-900: 255 255 255; --header-background-50: 230 230 230; --header-background-100: 204 204 204; --header-background-200: 153 153 153; --header-background-300: 102 102 102; --header-background-400: 51 51 51; --header-background-500: 0 0 0; --header-background-600: 0 0 0; --header-background-700: 0 0 0; --header-background-800: 0 0 0; --header-background-900: 0 0 0; --header-link-50: 255 246 246; --header-link-100: 254 236 236; --header-link-200: 253 217 218; --header-link-300: 253 198 199; --header-link-400: 252 179 181; --header-link-500: 251 160 162; --header-link-600: 201 128 130; --header-link-700: 151 96 97; --header-link-800: 100 64 65; --header-link-900: 50 32 32; --header-button-text-50: 230 230 230; --header-button-text-100: 204 204 204; --header-button-text-200: 153 153 153; --header-button-text-300: 102 102 102; --header-button-text-400: 51 51 51; --header-button-text-500: 0 0 0; --header-button-text-600: 0 0 0; --header-button-text-700: 0 0 0; --header-button-text-800: 0 0 0; --header-button-text-900: 0 0 0; } </style><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0"></script></head><body class="__variable_274faa __variable_a7f53a __variable_e782a9 __className_4b9d0e __variable_0e9704 bg-light dark:bg-dark"><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">!function(){try{var d=document.documentElement,c=d.classList;c.remove('light','dark');var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark')}else{d.style.colorScheme = 'light';c.add('light')}}else if(e){c.add(e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><header class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark"><div class="scroll-nojump"><div class="gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex flex-row gap-2"><button class="flex flex-row items-center hover:bg-dark/3 py-1 px-2 dark:hover:bg-light/2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden text-dark dark:text-light" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo flex-1 flex flex-row items-center shrink-0" href="/umbraco-forms"><img alt="" style="aspect-ratio:1" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=4&quality=100&sign=365eb7c2&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=1&quality=100&sign=365eb7c2&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=2&quality=100&sign=365eb7c2&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=3&quality=100&sign=365eb7c2&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=4&quality=100&sign=365eb7c2&sv=1 128w" sizes="32px" width="2084" height="1881"/><img alt="" style="aspect-ratio:1" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=4&quality=100&sign=365eb7c2&sv=1" srcSet="https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=1&quality=100&sign=365eb7c2&sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=2&quality=100&sign=365eb7c2&sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=3&quality=100&sign=365eb7c2&sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40&width=32&dpr=4&quality=100&sign=365eb7c2&sv=1 128w" sizes="32px" width="2084" height="1881"/><div class="text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light">Umbraco Forms</div></a></div><div class="z-20"><div class="group/dropdown relative flex"><div id=":S1:" tabindex="0" aria-expanded="true" aria-haspopup="true" data-testid="space-dropdown-button" class="flex flex-row items-center rounded-2xl straight-corners:rounded-none bg-light-2 border border-light-3 text-dark-4 text-sm px-3 py-1 contrast-more:border-dark contrast-more:bg-light contrast-more:text-dark dark:bg-dark-3 dark:border-dark-4 dark:text-light-4 contrast-more:dark:border-light contrast-more:dark:bg-dark contrast-more:dark:text-light">15.latest<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180"></svg></div><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S1:" class="w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm bg-primary/3 dark:bg-light/2 text-primary-600" href="https://docs.umbraco.com/umbraco-forms/developer/extending/adding-a-type?fallback=true">15.latest</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-forms/14.latest/developer/extending/adding-a-type?fallback=true">14.latest</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-forms/13.latest/developer/extending/adding-a-type?fallback=true">13.latest (LTS)</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-forms/10.latest/developer/extending/adding-a-type?fallback=true">10.latest (LTS)</a></div></div></div></div></div><div class="headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20"><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8" href="https://docs.umbraco.com/umbraco-cms/"><span class="truncate">CMS</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8" href="https://docs.umbraco.com/umbraco-cloud/"><span class="truncate">Cloud</span></a><a class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8" href="https://docs.umbraco.com/umbraco-heartcore/"><span class="truncate">Heartcore</span></a><div class="group/dropdown relative flex"><a id=":S3:" tabindex="0" aria-expanded="true" aria-haspopup="true" class="overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8" href="https://docs.umbraco.com/umbraco-dxp/"><span class="truncate">DXP</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180"></svg></a><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S3:" class="w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-deploy/">Deploy</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-workflow/">Workflow</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-commerce/">Commerce</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-ui-builder/">UI Builder</a></div></div></div></div><div class="headerLinks_linkEllipsis__Z01IN items-center z-20"><div class="group/dropdown relative flex"><button class="px-1 text-dark/8 dark:text-light/8 dark:hover:text-light hover:text-header-link-400"><span class="sr-only">More</span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/ellipsis.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon opacity-6 size-3 ms-1"></svg></button><div tabindex="-1" role="menu" aria-orientation="vertical" aria-labelledby=":S2:" class="w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0"><div class="mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2"><div class="flex flex-col gap-1"><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-cms/">CMS</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-cloud/">Cloud</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-heartcore/">Heartcore</a><a class="flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2" href="https://docs.umbraco.com/umbraco-dxp/">DXP</a></div></div></div></div></div></div><div class="flex md:w-56 grow-0 shrink-0 justify-self-end"><button aria-label="Search" class="flex flex-1 flex-row justify-center items-center px-2 gap-3 text-dark/7 min-h-[2.5rem] w-[2.5rem] rounded-lg straight-corners:rounded-none bg-dark/2 transition-opacity ease-out hover:opacity-8 ring-1 ring-inset ring-dark/1 contrast-more:ring-dark contrast-more:bg-light contrast-more:text-dark dark:bg-light/1 dark:ring-light/1 dark:text-light/7 contrast-more:dark:ring-light contrast-more:dark:bg-dark contrast-more:dark:text-light [&>p]:hidden [&>span]:hidden md:justify-start md:[&>p]:flex md:[&>span]:flex md:w-full md:px-3.5 text-base"><div class="text-dark/7 pt-1.5 pb-2 dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon shrink-0 size-4"></svg></div><span class="flex-1">Ask or Search</span><span class="hidden md:inline justify-end text-xs text-dark/5 contrast-more:text-dark dark:text-light/5 contrast-more:dark:text-light [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</span></button></div></div></div></header><div class="scroll-nojump"><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]"><aside class="relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]"><div class="pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[&::-webkit-scrollbar]:bg-dark/1 group-hover:[&::-webkit-scrollbar-thumb]:bg-dark/3 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent dark:[&::-webkit-scrollbar]:bg-transparent dark:[&::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[&::-webkit-scrollbar]:bg-light/1 dark:group-hover:[&::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20"><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms">Umbraco Forms Documentation</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/legacy-documentation">Legacy Documentation</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/release-notes">Release Notes</a></div></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Installation</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/installation/install">Installing Umbraco Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/installation/the-licensing-model">Licensing</a></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Upgrading</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/upgrading/manualupgrade">Upgrading Umbraco Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/upgrading/version-specific">Version Specific Upgrade Notes</a></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Editor</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form">Creating a Form - The basics<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/form-settings">Form Settings</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/form-info">Form Information</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/fieldtypes">Overview Of The Field Types<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/fieldtypes/date">Date</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/fieldtypes/fileupload">File Upload</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/fieldtypes/recaptcha2">reCAPTCHA V2</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/fieldtypes/recaptcha3">reCAPTCHA V3</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/creating-a-form/conditional-logic">Setting-up Conditional Logic on Fields</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/attaching-workflows">Attaching Workflows<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/attaching-workflows/workflow-types">Workflow Types</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/viewing-and-exporting-entries">Viewing And Exporting Entries</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/defining-and-attaching-prevaluesources">Defining And Attaching Prevalue Sources<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/editor/defining-and-attaching-prevaluesources/prevalue-source-types">Prevalue Source Types Overview</a></div></li></ul></div></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Developer</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/property-editors">Property Editors</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/prepping-frontend">Preparing Your Frontend</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/rendering-forms">Rendering Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/rendering-scripts">Rendering Forms Scripts</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/themes">Themes</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/custom-markup">Custom Markup</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/email-templates">Email Templates</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/working-with-data">Working With Record Data</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/forms-in-the-database">Umbraco Forms in the Database</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending">Extending<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-90"></svg></span></a><div class="" style="opacity:1;height:auto;display:block"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a aria-current="page" class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-primary-500 font-semibold text-primary hover:bg-primary/3 dark:before:border-primary-400 dark:text-primary-400 hover:before:border-primary dark:hover:bg-primary-500/3 dark:hover:before:border-primary" href="/umbraco-forms/developer/extending/adding-a-type">Adding A Type To The Provider Model<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:text-current dark:hover:text-current hover:bg-primary/4 dark:hover:bg-primary/4"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-90"></svg></span></a><div class="" style="opacity:1;height:auto;display:block"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-type/setting-types">Setting Types</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-fieldtype">Adding A Field Type To Umbraco Forms<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-fieldtype/excluding-a-built-in-field">Excluding a built-in field</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-prevaluesourcetype">Adding A Prevalue Source Type To Umbraco Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-workflowtype">Adding A Workflow Type To Umbraco Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-exporttype">Adding An Export Type To Umbraco Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-magic-string-format-function">Adding a Magic String Format Function</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-an-event-handler">Adding A Server-Side Notification Handler To Umbraco Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/adding-a-validation-pattern">Adding a Validation Pattern</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/extending/customize-default-workflows">Customize Default Fields and Workflows For a Form</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/configuration">Configuration<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/configuration/type-details">Forms Provider Type Details</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/webhooks">Webhooks</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/security">Security</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/magic-strings">Magic Strings</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/healthchecks">Health Checks<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-dark/2 hover:text-current dark:hover:bg-light/2 dark:hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform [opacity:0.40] group-hover:[opacity:1] rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/healthchecks/apply-keys">Apply keys and indexes</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/healthchecks/forms-in-the-database-apply-keys">Apply keys and indexes for forms in the database</a></div></li></ul></div></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/localization">Localization</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/ajaxforms">Headless/AJAX Forms</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/block-list-labels">Block List Labels</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/field-types">Field Types</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/developer/iprevaluetextfilestorage">Storing Prevalue Text Files With IPreValueTextFileStorage</a></div></li></ul></li><li class="flex flex-col"><div class="flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent">Tutorials</div><ul class="flex flex-1 flex-col gap-y-0.5"><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/tutorials/overview">Overview</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/tutorials/creating-a-contact-form">Creating a Contact Form</a></div></li><li class="flex flex-col"><div><a class="group/toclink flex flex-row justify-between pl-5 pr-1.5 py-1.5 text-sm transition-colors relative text-balance before:border-l before:absolute before:left-[-1px] before:top-0 before:h-full rounded-md straight-corners:rounded-none [&+div_a]:rounded-l-none before:border-transparent font-normal text-dark/8 hover:bg-dark/1 hover:text-dark/9 hover:before:border-dark/3 dark:text-light/8 dark:hover:bg-light/2 dark:hover:before:border-light/3 dark:hover:text-light/9" href="/umbraco-forms/tutorials/creating-a-multipage-form">Creating a Multi-Page Form</a></div></li></ul></li></ul><div class="relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5"><div class="text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark"><a target="_blank" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=LWzfjhTngpoQwh6ZQaQC" class="font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:bg-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2"><svg style="mask-image:url(/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><div class="flex flex-row-reverse justify-end"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16"><div class="hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page</div><div class="overflow-auto flex-1 flex flex-col gap-4 [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><ul class="border-l border-dark/2 dark:border-light/1 pl-1"><li class="flex flex-row relative h-fit"><a href="#preparations" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Preparations</a></li><li class="flex flex-row relative h-fit"><a href="#adding-the-type-to-forms" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Adding the type to Forms</a></li><li class="flex flex-row relative h-fit"><a href="#setting-up-basic-type-information" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Setting up basic type information</a></li><li class="flex flex-row relative h-fit"><a href="#adding-settings-to-a-type" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Adding settings to a type</a></li><li class="flex flex-row relative h-fit"><a href="#validate-type-settings-with-validatesettings" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Validate type settings with ValidateSettings()</a></li><li class="flex flex-row relative h-fit"><a href="#registering-the-class-with-umbraco-and-forms" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Registering the class with Umbraco and Forms</a></li><li class="flex flex-row relative h-fit"><a href="#overriding-default-providers-in-umbraco-forms" class="flex flex-row z-10 w-full items-baseline left-[-1px] relative text-sm py-1 ps-3 pe-2 transition-all duration-200 text-neutral-500 dark:text-neutral-400 hover:text-neutral-900 dark:hover:text-neutral-100">Overriding default providers in Umbraco Forms</a></li></ul><div class="flex flex-col gap-3 page-api-block:xl:max-2xl:px-3"><div class="flex flex-col items-start gap-2 mt-2"><p class="text-sm text-dark/6 dark:text-light/5">Was this helpful?</p><div class="inline-flex items-center justify-center flex-row rounded-full straight-corners:rounded-sm ring-1 ring-inset ring-dark/2 h-8 dark:ring-light/1"><div class="inline-flex [&>*:last-child]:rounded-r-full [&>*:first-child]:rounded-l-full straight-corners:[&>*:last-child]:rounded-none straight-corners:[&>*:first-child]:rounded-none"><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="No" title="No"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 13.3737C4.87421 13.5572 5.19025 13.5386 5.3737 13.3322C7.30371 11.1609 10.6963 11.1609 12.6263 13.3322C12.8098 13.5386 13.1258 13.5572 13.3322 13.3737C13.5386 13.1902 13.5572 12.8742 13.3737 12.6678C11.0459 10.049 6.9541 10.049 4.6263 12.6678C4.44284 12.8742 4.46143 13.1902 4.66782 13.3737ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Not sure" title="Not sure"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.5 12C4.5 11.7239 4.72386 11.5 5 11.5H13C13.2761 11.5 13.5 11.7239 13.5 12C13.5 12.2761 13.2761 12.5 13 12.5H5C4.72386 12.5 4.5 12.2761 4.5 12ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button><button class="flex flex-col items-center justify-center h-8 w-8 rounded-sm text-dark/6 hover:bg-primary/4 hover:text-primary-600 dark:text-light/5 dark:hover:text-primary-300 dark:hover:bg-primary-300/2" aria-label="Yes, it was!" title="Yes, it was!"><svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="9" cy="9" r="9" fill="currentColor" fill-opacity="0.24"></circle><path fill-rule="evenodd" clip-rule="evenodd" d="M5 8.25C4.58579 8.25 4.25 7.91421 4.25 7.5V6C4.25 5.58579 4.58579 5.25 5 5.25C5.41421 5.25 5.75 5.58579 5.75 6V7.5C5.75 7.91421 5.41421 8.25 5 8.25ZM4.66782 11.6263C4.87421 11.4428 5.19025 11.4614 5.3737 11.6678C7.30371 13.8391 10.6963 13.8391 12.6263 11.6678C12.8098 11.4614 13.1258 11.4428 13.3322 11.6263C13.5386 11.8098 13.5572 12.1258 13.3737 12.3322C11.0459 14.951 6.9541 14.951 4.6263 12.3322C4.44284 12.1258 4.46143 11.8098 4.66782 11.6263ZM12.25 7.5C12.25 7.91421 12.5858 8.25 13 8.25C13.4142 8.25 13.75 7.91421 13.75 7.5V6C13.75 5.58579 13.4142 5.25 13 5.25C12.5858 5.25 12.25 5.58579 12.25 6V7.5Z" fill="currentColor"></path></svg></button></div></div></div><div><a href="https://github.com/umbraco/UmbracoDocs/blob/main/15/umbraco-forms/developer/extending/adding-a-type.md" class="flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/brands/github.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Edit on GitHub</a></div><div><a href="/umbraco-forms/~gitbook/pdf?page=1Ch2XqpwvoJttWsSIr5i&only=yes" class="flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/file-pdf.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 mr-1.5"></svg>Export as PDF</a></div></div></div><div class="mt-4" data-visual-test="removed"></div></aside><main class="flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto"><header class="max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0"><h1 class="text-4xl font-bold flex items-center gap-4">Adding A Type To The Provider Model</h1></header><div class="[&>*+*]:mt-5 grid whitespace-pre-wrap"><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">To add a new type, no matter if it's a workflow, field, data source, etc, there is a number of tasks to perform to connect to the Forms provider model. This chapter walks through each step and describes how each part works. This chapter will reference the creation of a workflow type. It is, however, the same process for all types.</p><h2 id="preparations" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#preparations" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Preparations</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Create a new class library project in Visual Studio add references to the <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">Umbraco.Forms.Core.dll</code> (available via referencing the <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://www.nuget.org/packages/Umbraco.Forms.Core/">NuGet package</a>). You might also need to reference <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://www.nuget.org/packages/Umbraco.Forms.Core.Providers/">Umbraco.Forms.Core.Providers</a>.</p><h2 id="adding-the-type-to-forms" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#adding-the-type-to-forms" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Adding the type to Forms</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">The Forms API contains a collection of classes that can be registered at startup or in an Umbraco component. So to add a new type to Forms you inherit from the right class. In the sample below we use the class for the workflow type.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="JGRoiTH6Cweu" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">class</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-punctuation)">:</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Umbraco</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Forms</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Core</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">WorkflowType</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">{</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">private</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">readonly</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">ILogger</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">> _logger;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-function)">ILogger</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">> logger)</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> _logger </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> logger;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">override</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">WorkflowExecutionStatus</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Execute</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-function)">WorkflowExecutionContext</span><span style="color:var(--shiki-foreground)"> context)</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">throw</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">new</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">NotImplementedException</span><span style="color:var(--shiki-foreground)">();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">override</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">List</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">Exception</span><span style="color:var(--shiki-foreground)">> </span><span style="color:var(--shiki-token-function)">ValidateSettings</span><span style="color:var(--shiki-foreground)">() {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">throw</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">new</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">NotImplementedException</span><span style="color:var(--shiki-foreground)">();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">When you implement this class you get two methods added. One of them is Execute which performs the execution of the workflow and the other is a method which validates the workflow settings, we will get back to these settings later on.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Any dependencies required that are registered with the dependency injection container can be provided via the constructor.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Even though we have the class inheritance in place, we still need to add a bit of default information.</p><h2 id="setting-up-basic-type-information" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#setting-up-basic-type-information" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Setting up basic type information</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Even though we have the class inheritance in place, we still need to add a bit of default information. This information is added in the class's constructor like this:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="lklzEBI3ppiG" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">(ILogger</span><span style="color:var(--shiki-token-keyword)"><</span><span style="color:var(--shiki-foreground)">LogWorkflow</span><span style="color:var(--shiki-token-keyword)">></span><span style="color:var(--shiki-foreground)"> logger) {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> _logger </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> logger;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">this</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">Name</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"The logging workflow"</span><span style="color:var(--shiki-foreground)">;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">this</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">Id</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">new</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Guid</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-string-expression)">"D6A2C406-CF89-11DE-B075-55B055D89593"</span><span style="color:var(--shiki-foreground)">);</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">this</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">Description</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"This will save an entry to the log"</span><span style="color:var(--shiki-foreground)">;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">All three are mandatory and the ID must be unique, otherwise the type might conflict with an existing one.</p><h2 id="adding-settings-to-a-type" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#adding-settings-to-a-type" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Adding settings to a type</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Now that we have a basic class setup, we would like to pass setting items to the type. So we can reuse the type on multiple items but with different settings. To add a setting to a type, we add a property to the class, and give it a specific attribute like this:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="d9zAGlDh3JE2" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">[</span><span style="color:var(--shiki-token-function)">Umbraco</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Forms</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Core</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Attributes</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Setting</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-string-expression)">"Log Header"</span><span style="color:var(--shiki-token-punctuation)">,</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> Description </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"Log item header"</span><span style="color:var(--shiki-token-punctuation)">,</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> View </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"TextField"</span><span style="color:var(--shiki-foreground)">)]</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">string</span><span style="color:var(--shiki-foreground)"> LogHeader { get; set; }</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">The Umbraco.Forms.Core.Attributes.Setting registers the property in Umbraco Forms and there will automatically be UI and storage generated for it. In the attribute, a name, description and the view to be rendered is defined.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">With the attribute in place, the property value is set every time the class is instantiated by Umbraco Forms. This means you can use the property in your code like this:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="6DZ5RfG2lW1P" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">[</span><span style="color:var(--shiki-token-function)">Umbraco</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Forms</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Core</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Attributes</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Setting</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-string-expression)">"Document ID"</span><span style="color:var(--shiki-token-punctuation)">,</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> Description </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"Node the log entry belongs to"</span><span style="color:var(--shiki-token-punctuation)">,</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> View </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"Pickers.Content"</span><span style="color:var(--shiki-foreground)">)]</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">string</span><span style="color:var(--shiki-foreground)"> Document { get; set; }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">override</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">WorkflowExecutionStatus</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Execute</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-function)">WorkflowExecutionContext</span><span style="color:var(--shiki-foreground)"> context) {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">_logger</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">LogInformation</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-string-expression)">"Record submitted from: {IP}"</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">context</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">Record</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">IP</span><span style="color:var(--shiki-foreground)">);</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">return</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">WorkflowExecutionStatus</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">Completed</span><span style="color:var(--shiki-foreground)">;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">For all types that use the provider model, settings work this way. By adding the Setting attribute Forms automatically registers the property in the UI and sets the value when the class is instantiated.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Each setting value is stored as a string with the user interface for generating the value defined via the <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">View</code> property.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Umbraco Forms ships with <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="/umbraco-forms/developer/extending/adding-a-type/setting-types">setting types and you can also create your own</a>.</p><h2 id="validate-type-settings-with-validatesettings" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#validate-type-settings-with-validatesettings" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Validate type settings with ValidateSettings()</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">The <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">ValidateSettings()</code> method which can be found on all types supporting dynamic settings, is used for making sure the data entered by the user is valid and works with the type.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="qYZMdtMh45qP" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">override</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">List</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">Exception</span><span style="color:var(--shiki-foreground)">> </span><span style="color:var(--shiki-token-function)">ValidateSettings</span><span style="color:var(--shiki-foreground)">() {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">List</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">Exception</span><span style="color:var(--shiki-foreground)">> exceptions </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">new</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">List</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">Exception</span><span style="color:var(--shiki-foreground)">>();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">int</span><span style="color:var(--shiki-foreground)"> docId </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">0</span><span style="color:var(--shiki-foreground)">;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">if</span><span style="color:var(--shiki-foreground)"> (</span><span style="color:var(--shiki-token-keyword)">!int</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">TryParse</span><span style="color:var(--shiki-foreground)">(Document</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">out</span><span style="color:var(--shiki-foreground)"> docId))</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">exceptions</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Add</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-keyword)">new</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Exception</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-string-expression)">"Document is not a valid integer"</span><span style="color:var(--shiki-foreground)">));</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">return</span><span style="color:var(--shiki-foreground)"> exceptions;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><h2 id="registering-the-class-with-umbraco-and-forms" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#registering-the-class-with-umbraco-and-forms" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Registering the class with Umbraco and Forms</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">To register the type, ensure your web application project has a reference to the class library, either via a project or NuGet reference. Then add the following code into the startup pipeline. In this example, the registration is implemented as an extension method to <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">IUmbracoBuilder</code> and should be called from <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">Program.cs</code>:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="Z7QV3kcnVCAs" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">static</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">IUmbracoBuilder</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">AddUmbracoFormsCustomProviders</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-keyword)">this</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">IUmbracoBuilder</span><span style="color:var(--shiki-foreground)"> builder)</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">{</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">builder</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">WithCollectionBuilder</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">WorkflowCollectionBuilder</span><span style="color:var(--shiki-foreground)">>()</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> .</span><span style="color:var(--shiki-token-function)">Add</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">>();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">An alternative approach is to use a composer, as per this example:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="skjhD7XgbcM0" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">class</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">UmbracoFormsCustomProvidersComposer</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-punctuation)">:</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">IComposer</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">{</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">void</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Compose</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-function)">IUmbracoBuilder</span><span style="color:var(--shiki-foreground)"> builder)</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">builder</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">WithCollectionBuilder</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">WorkflowCollectionBuilder</span><span style="color:var(--shiki-foreground)">>()</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> .</span><span style="color:var(--shiki-token-function)">Add</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">>();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">There are further convenience methods you can use for registering custom types. These are found in the namespace <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">Umbraco.Forms.Core.Providers.Extensions</code>.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">For example, instead of the following:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="MVcBWK7eIy10" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">builder</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">WithCollectionBuilder</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">WorkflowCollectionBuilder</span><span style="color:var(--shiki-foreground)">>()</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> .</span><span style="color:var(--shiki-token-function)">Add</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">>();</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Your workflow can be registered using:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="0D0legk9a1QR" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">builder</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">AddFormsWorkflow</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">>()</span><span style="color:var(--shiki-token-keyword)">:</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Or:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="QqAfC2Cp5m8C" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">builder</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">FormsWorkflows</span><span style="color:var(--shiki-foreground)">().</span><span style="color:var(--shiki-token-function)">Add</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">LogWorkflow</span><span style="color:var(--shiki-foreground)">>();</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Existing items that are not required in a particular installation can be removed with:</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="Ov6RI5JHhqCN" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">builder</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">FormsWorkflows</span><span style="color:var(--shiki-foreground)">().</span><span style="color:var(--shiki-token-function)">Exclude</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">Slack</span><span style="color:var(--shiki-foreground)">>();</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Also look in the reference chapter for complete class implementations of workflows, fields and export types.</p><h2 id="overriding-default-providers-in-umbraco-forms" class="text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]"><a href="#overriding-default-providers-in-umbraco-forms" aria-label="Direct link to heading" class="inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/hashtag.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4"></svg></a></div><div class="grid-area-1-1 z-[1] mt-[1em]">Overriding default providers in Umbraco Forms</div></h2><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">It is possible to override and inherit the original provider, be it a Field Type or Workflow etc. The only requirement when inheriting a fieldtype that you wish to override is to ensure you do not override/change the Id set for the provider, and make sure your class is public.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Here is an example of overriding the Textarea field aka Long Answer.</p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="INIInEho8g2V" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">class</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">TextareaWithCount</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-punctuation)">:</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Umbraco</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Forms</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Core</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Providers</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">FieldTypes</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Textarea</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">{</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-comment)"> // Added a new setting when we add our field to the form</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> [</span><span style="color:var(--shiki-token-function)">Umbraco</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Forms</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Core</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Attributes</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Setting</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-string-expression)">"Max length"</span><span style="color:var(--shiki-token-punctuation)">,</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> Description </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"Max length"</span><span style="color:var(--shiki-token-punctuation)">,</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> View </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"TextField"</span><span style="color:var(--shiki-foreground)">)]</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">string</span><span style="color:var(--shiki-foreground)"> MaxNumberOfChars { </span><span style="color:var(--shiki-token-keyword)">get</span><span style="color:var(--shiki-foreground)">; </span><span style="color:var(--shiki-token-keyword)">set</span><span style="color:var(--shiki-foreground)">; }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">TextareaWithCount</span><span style="color:var(--shiki-foreground)">()</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-comment)"> // Set a different view for this fieldtype</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">this</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">FieldTypeViewName</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"FieldType.TextareaWithCount.cshtml"</span><span style="color:var(--shiki-foreground)">;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-comment)"> // We can change the default name of 'Long answer' to something that suits us</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">this</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-constant)">Name</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-string-expression)">"Long Answer with Limit"</span><span style="color:var(--shiki-foreground)">;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> public override IEnumerable<string> ValidateField(Form form, Field field, IEnumerable<object> postedValues, HttpContext context, IPlaceholderParsingService placeholderParsingService, List<string> errors) </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">var</span><span style="color:var(--shiki-foreground)"> baseValidation </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> base.</span><span style="color:var(--shiki-token-function)">ValidateField</span><span style="color:var(--shiki-foreground)">(form</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> field</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> postedValues</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> context</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> placeholderParsingService</span><span style="color:var(--shiki-token-punctuation)">,</span><span style="color:var(--shiki-foreground)"> errors);</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">var</span><span style="color:var(--shiki-foreground)"> value </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">postedValues</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">FirstOrDefault</span><span style="color:var(--shiki-foreground)">();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">if</span><span style="color:var(--shiki-foreground)"> (value != null && value.ToString().</span><span style="color:var(--shiki-token-function)">Length</span><span style="color:var(--shiki-foreground)"> < </span><span style="color:var(--shiki-token-function)">int</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">Parse</span><span style="color:var(--shiki-foreground)">(MaxNumberOfChars))</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">return</span><span style="color:var(--shiki-foreground)"> baseValidation;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">var</span><span style="color:var(--shiki-foreground)"> custom </span><span style="color:var(--shiki-token-keyword)">=</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">new</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">List</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-keyword)">string</span><span style="color:var(--shiki-foreground)">>();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> custom.</span><span style="color:var(--shiki-token-function)">AddRange</span><span style="color:var(--shiki-foreground)">(baseValidation);</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> custom.</span><span style="color:var(--shiki-token-function)">Add</span><span style="color:var(--shiki-foreground)">("</span><span style="color:var(--shiki-token-function)">String</span><span style="color:var(--shiki-foreground)"> is </span><span style="color:var(--shiki-token-function)">way</span><span style="color:var(--shiki-foreground)"> way </span><span style="color:var(--shiki-token-function)">way</span><span style="color:var(--shiki-foreground)"> too long!");</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">return</span><span style="color:var(--shiki-foreground)"> custom;</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">As discussed in the previous section, you must also register the extended field type within a composer. You also need to create the the backoffice field type view.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><strong class="font-bold">Composer:</strong></p><div class="group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><div class="flex items-center justify-start [grid-area:1/1] text-sm gap-2"></div><button class="group-hover/codeblock:opacity-[1] transition-opacity duration-75 opacity-0 text-xs [grid-area:2/1] z-[2] justify-self-end backdrop-blur-md leading-none self-start ring-1 ring-dark/2 text-dark/7 bg-transparent rounded-md mr-2 mt-2 p-1 hover:ring-dark/3 dark:ring-light/2 dark:text-light/7 dark:hover:ring-light/3 print:hidden">Copy</button><pre class="[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm"><code id="eCisVJZT0CEa" class="min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]"><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">class</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">UmbracoFormsCustomProvidersComposer</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-punctuation)">:</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">IComposer</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">{</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">public</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-keyword)">void</span><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-function)">Compose</span><span style="color:var(--shiki-foreground)">(</span><span style="color:var(--shiki-token-function)">IUmbracoBuilder</span><span style="color:var(--shiki-foreground)"> builder)</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> {</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> </span><span style="color:var(--shiki-token-constant)">builder</span><span style="color:var(--shiki-foreground)">.</span><span style="color:var(--shiki-token-function)">FormsFields</span><span style="color:var(--shiki-foreground)">().</span><span style="color:var(--shiki-token-function)">Add</span><span style="color:var(--shiki-foreground)"><</span><span style="color:var(--shiki-token-function)">TextareaWithCount</span><span style="color:var(--shiki-foreground)">>();</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)"> }</span> </span></span><span class="grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [&.highlighted:first-child]:rounded-t-md [&.highlighted:first-child>*]:mt-1 [&.highlighted:last-child]:rounded-b-md [&.highlighted:last-child>*]:mb-1 [&:only-child]:hover:ring-transparent [&.highlighted]:rounded-none [&:not(.highlighted)_+_.highlighted]:rounded-t-md [&:not(.highlighted)_+_.highlighted>*]:mt-1 [&.highlighted:has(+:not(.highlighted))]:rounded-b-md [&.highlighted:has(+:not(.highlighted))>*]:mb-1 [&:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md"><span class="ml-3 block text-sm"><span style="color:var(--shiki-foreground)">}</span></span></span></code></pre></div><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0"><strong class="font-bold">Backoffice View:</strong></p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">Add a new HTML file as per the name of the field class (e.g. <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">textareawithcount.html</code>) to <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">\wwwroot\App_Plugins\umbracoforms\Backoffice\Common\FieldTypes\</code> within your project. For this example, we can copy the original <code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">textarea.html</code> file used by the standard 'Long Answer' field.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">The AngularJS client-side files are shipped with Umbraco Forms as part of a Razor Class Library. So you won't find these files on disk when you install the package.</p><p class="w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0">However if you do want to reference them you can view and extract them from the <a class="underline underline-offset-2 text-primary hover:text-primary-700 transition-colors " href="https://nuget.info/packages/Umbraco.Forms.StaticAssets"><code class="py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]">Umbraco.Forms.StaticAssets</code> NuGet package</a>.</p></div><div class="flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0"><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base" href="/umbraco-forms/developer/extending"><span class="flex flex-col flex-1 text-right"><span class="text-xs">Previous</span><span class="text-dark dark:text-light/6 group-hover:text-primary line-clamp-2">Extending</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-left.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block"></svg></a><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base" href="/umbraco-forms/developer/extending/adding-a-type/setting-types"><span class="flex flex-col flex-1"><span class="text-xs">Next</span><span class="text-dark dark:text-light/6 group-hover:text-primary line-clamp-2">Setting Types</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block"></svg></a></div><div class="flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0"><p class="flex-1 text-sm text-dark/6 dark:text-light/5">Last updated <time data-visual-test="transparent" dateTime="2024-11-13T09:25:09.210Z" title="11/13/2024, 9:25:09 AM">14 days ago</time></p></div></main></div></div></div></div><div class="border-t border-dark/2 bg-light-2 dark:border-light/2 dark:bg-dark-2"><div class="scroll-nojump"><div class="flex flex-col md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full py-6 gap-6 md:flex-row md:gap-10 px-0 sm:px-0"> <div class="flex-1 flex flex-col gap-6 px-4 sm:px-6 md:px-0"></div><div class="flex flex-col items-start order-[-1] px-4 sm:px-6 md:px-0 md:order-1"><div role="radiogroup" class="flex flex-row rounded-full straight-corners:rounded-sm border border-dark/3 dark:border-light/2"><button type="button" role="radio" aria-label="Switch to light theme" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/sun-bright.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to system theme" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/desktop.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button><button type="button" role="radio" aria-label="Switch to dark theme" aria-checked="false" class="p-1 m-1 group rounded-full straight-corners:rounded-sm text-dark dark:text-light/7"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/moon.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4"></svg></button></div></div></div></div></div><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="/_next/static/chunks/webpack-21fb00c223e55731.js" nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0" async=""></script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"1:HC[\"/\",\"\"]\n2:HL[\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"style\"]\n3:HL[\"/_next/static/css/99f50cfb598d2941.css\",\"style\"]\n4:HL[\"/_next/static/css/d42d805b938873da.css\",\"style\"]\n5:HL[\"/_next/static/css/0673bb6e29c473c8.css\",\"style\"]\n6:HL[\"/_next/static/css/c311d6484335995a.css\",\"style\"]\n7:HL[\"/_next/static/css/5a687dea857dc6f5.css\",\"style\"]\n8:HL[\"/_next/static/css/7235fa9d119901d4.css\",\"style\"]\n9:HL[\"/_next/static/css/86d6274f3e6d760c.css\",\"style\"]\na:HL[\"/_next/static/css/a91fbeec63857000.css\",\"style\"]\nb:HL[\"/_next/static/css/2d0986519abf0323.css\",\"style\"]\nc:HL[\"/_next/static/css/0f891de5863d7182.css\",\"style\"]\nd:I[11815,[],\"default\"]\n10:I[55092,[],\"default\"]\n12:I[82023,[],\"default\"]\n17:I[44622,[\"6470\",\"static/chunks/app/global-error-19768e91f18f21d9.js\"],\"default\"]\n11:[\"pathname\",\"developer/extending/adding-a-type\",\"oc\"]\n18:[]\n0:[\"$\",\"$Ld\",null,{\"buildId\":\"6YnOxlQa6DuDEkBdh389I\",\"assetPrefix\":\"\",\"urlParts\":[\"\",\"umbraco-forms\",\"developer\",\"extending\",\"adding-a-type\"],\"initialTree\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"developer/extending/adding-a-type\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"developer\\\",\\\"extending\\\",\\\"adding-a-type\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],\"initialSeedData\":[\"\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"developer/extending/adding-a-type\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Le\",\"$Lf\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/7235fa9d119901d4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/86d6274f3e6d760c.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/a91fbeec63857000.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d0986519abf0323.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0f891de5863d7182.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$11\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L13\",\"notFoundStyles\":[]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}]}],[],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/5a687dea857dc6f5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/2d00a2f28ca4dc5d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/99f50cfb598d2941.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d42d805b938873da.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0673bb6e29c473c8.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/c311d6484335995a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L15\"],null],null]},[null,[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L16\"],\"globalErrorComponent\":\"$17\",\"missingSlots\":\"$W18\"}]\n13:[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-row items-center justify-center py-9\",\"children\":[\"$\",\"div\",null,{\"className\":\"max-w-80\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold mb-2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-base mb-4\",\"children\":\"The page you are looking for doesn't exist.\"}]]}]}]\n1a:I[5145,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"IconsProvider\"]\n1b:I[75489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"ClientContexts\"]\n1c:I[51169,[\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"3638\",\"static/chunks/app/(site)/error-aabf7054fe6497a1.js\"],\"default\"]\n19:T115f,\n :root {\n --primary-color-50: 234 235 245;\n--primary-color-100: 212 216 234;\n--primary-color-200: 169 176 213;\n--primary-color-300: 126 137 193;\n--primary-color-400: 83 97 172;\n--primary-color-500: 40 58 151;\n--primary-color-600: 32 46 121;\n--primary-color-700: 24 35 91;\n--primary-color-800: 16 23 60;\n--"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"primary-color-900: 8 12 30;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 255 255 255;\n--contrast-primary-500: 255 255 255;\n--contrast-primary-600: 255 255 255;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n\n --primary-base-50: 234 235 245;\n--primary-base-100: 212 216 234;\n--primary-base-200: 169 176 213;\n--primary-base-300: 126 137 193;\n--primary-base-400: 83 97 172;\n--primary-base-500: 40 58 151;\n--primary-base-600: 32 46 121;\n--primary-base-700: 24 35 91;\n--primary-base-800: 16 23 60;\n--primary-base-900: 8 12 30;\n --header-background-50: 255 255 255;\n--header-background-100: 255 255 255;\n--header-background-200: 255 255 255;\n--header-background-300: 255 255 255;\n--header-background-400: 255 255 255;\n--header-background-500: 255 255 255;\n--header-background-600: 204 204 204;\n--header-background-700: 153 153 153;\n--header-background-800: 102 102 102;\n--header-background-900: 51 51 51;\n --header-link-50: 234 235 245;\n--header-link-100: 212 216 234;\n--header-link-200: 169 176 213;\n--header-link-300: 126 137 193;\n--header-link-400: 83 97 172;\n--header-link-500: 40 58 151;\n--header-link-600: 32 46 121;\n--header-link-700: 24 35 91;\n--header-link-800: 16 23 60;\n--header-link-900: 8 12 30;\n --header-button-text-50: 255 255 255;\n--header-button-text-100: 255 255 255;\n--header-button-text-200: 255 255 255;\n--header-button-text-300: 255 255 255;\n--header-button-text-400: 255 255 255;\n--header-button-text-500: 255 255 255;\n--header-button-text-600: 204 204 204;\n--header-button-text-700: 153 153 153;\n--header-button-text-800: 102 102 102;\n--header-button-text-900: 51 51 51;\n }\n .dark {\n --primary-color-50: 255 246 246;\n--primary-color-100: 254 236 236;\n--primary-color-200: 253 217 218;\n--primary-color-300: 253 198 199;\n--primary-color-400: 252 179 181;\n--primary-color-500: 251 160 162;\n--primary-color-600: 201 128 130;\n--primary-color-700: 151 96 97;\n--primary-color-800: 100 64 65;\n--primary-color-900: 50 32 32;\n --primary-base-50: 255 246 246;\n--primary-base-100: 254 236 236;\n--primary-base-200: 253 217 218;\n--primary-base-300: 253 198 199;\n--primary-base-400: 252 179 181;\n--primary-base-500: 251 160 162;\n--primary-base-600: 201 128 130;\n--primary-base-700: 151 96 97;\n--primary-base-800: 100 64 65;\n--primary-base-900: 50 32 32;\n --contrast-primary-50: 0 0 0;\n--contrast-primary-100: 0 0 0;\n--contrast-primary-200: 0 0 0;\n--contrast-primary-300: 0 0 0;\n--contrast-primary-400: 0 0 0;\n--contrast-primary-500: 0 0 0;\n--contrast-primary-600: 0 0 0;\n--contrast-primary-700: 255 255 255;\n--contrast-primary-800: 255 255 255;\n--contrast-primary-900: 255 255 255;\n --header-background-50: 230 230 230;\n--header-background-100: 204 204 204;\n--header-background-200: 153 153 153;\n--header-background-300: 102 102 102;\n--header-background-400: 51 51 51;\n--header-background-500: 0 0 0;\n--header-background-600: 0 0 0;\n--header-background-700: 0 0 0;\n--header-background-800: 0 0 0;\n--header-background-900: 0 0 0;\n --header-link-50: 255 246 246;\n--header-link-100: 254 236 236;\n--header-link-200: 253 217 218;\n--header-link-300: 253 198 199;\n--header-link-400: 252 179 181;\n--header-link-500: 251 160 162;\n--header-link-600: 201 128 130;\n--header-link-700: 151 96 97;\n--header-link-800: 100 64 65;\n--header-link-900: 50 32 32;\n --header-button-text-50: 230 230 230;\n--header-button-text-100: 204 204 204;\n--header-button-text-200: 153 153 153;\n--header-button-text-300: 102 102 102;\n--header-button-text-400: 51 51 51;\n--header-button-text-500: 0 0 0;\n--header-button-text-600: 0 0 0;\n--header-button-text-700: 0 0 0;\n--header-button-text-800: 0 0 0;\n--header-button-text-900: 0 0 0;\n }\n "])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1," 1d:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n1e:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\n1f:{\"display\":\"inline-block\"}\n20:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\n15:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] straight-corners plain-background\",\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"link\",null,{\"rel\":\"privacy-policy\",\"href\":\"https://our.umbraco.com/privacy-policy\"}],[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$19\"}]]}],[\"$\",\"body\",null,{\"className\":\"__variable_274faa __variable_a7f53a __variable_e782a9 __className_4b9d0e __variable_0e9704 bg-light dark:bg-dark\",\"children\":[\"$\",\"$L1a\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1b\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or Search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask_sources\":\"Sources\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\"],\"error\":\"$1c\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$1d\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],["])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$1e\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$1f\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$20\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}]}]}]]}]\n21:HC\"https://api.gitbook.com\"\n22:HL[\"https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_p4n4T/script.js?version=148.lzqugz8\",\"script\",{\"nonce\":\"NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0\"}]\n23:HL[\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_p4n4T/script.js?version=149.0\",\"script\",{\"nonce\":\"NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0\"}]\n24:I[17760,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ClientContexts\"]\n25:I[72020,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"HeaderMobileMenu\"]\n26:I[22833,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Link\"]\n29:I[22563,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"Icon\"]\n2a:I[91861,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"SpacesDropdownMenuItem\"]\n2c:\"$Sreact.suspense\"\n2d:I[86604,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"SearchButton\"]\n2e:I[19656,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"TOCScrollContainer\"]\n2f:I[66185,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"stat"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ic/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ToggleableLinkItem\"]\n30:I[42663,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"ThemeToggler\"]\n31:I[59814,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"SearchModal\"]\n32:I[49780,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"LoadIntegrations\"]\n33:I[35489,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"4746\",\"static/chunks/4746-fcf448a964a3d7bb.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"3902\",\"static/chunks/3902-19c217a299034164.js\",\"8280\",\"static/chunks/app/(site)/(content)/layout-3d05fe3e83300d41.js\"],\"CookiesToast\"]\n14:[\"$\",\"$L24\",null,{\"nonce\":\"NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0\",\"forcedTheme\":\"$undefined\",\"children\":[[[\"$\",\"header\",null,{\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-thinbottom lg:z-10 dark:shadow-light/1 bg-light dark:bg-dark\",\"children\":[[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 grid grid-flow-col auto-cols-[auto_auto_1fr_auto] h-16 items-center align-center justify-between w-full px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex flex-row gap-2\",\"children\":[[\"$\",\"$L25\",null,{\"className\":\"lg:hidden text-dark dark:text-light\"}],[\"$\",\"$L26\",null,{\"href\":\"/umbraco-forms/\",\"className\":\"group/headerlogo flex-1 flex flex-row items-center shrink-0\",\"children\":[[\"$L27\",\"$L28\"],[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 leading-[1.1] tracking-tight max-w-[18ch] lg:max-w-[24ch] lg:text-lg/tight font-semibold ms-3 text-dark dark:text-light\",\"children\":\"Umbraco Forms\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"z-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"div\",null,{\"id\":\":S1:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"data-testid\":\"space-dropdown-button\",\"className\":\"flex flex-row items-center rounded-2xl straight-corners:rounded-none bg-light-2 border border-light-3 text-dark-4 text-sm px-3 py-1 contrast-more:border-dark contrast-more:bg-light contrast-more:text-dark dark:bg-dark-3 dark:border-dark-4 dark:text-light-4 contrast-more:dark:border-light contrast-more:dark:bg-dark contrast-more:dark:text-light\",\"children\":[\"15.latest\",[\"$\",\"$L29\",null,{\"icon\":\"chevron-down\",\"className\":\"opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\":S1:\",\"className\":\"w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[[\"$\",\"$L2a\",\"LWzfjhTngpoQwh6ZQaQC-0\",{\"variantSpace\":{\"id\":\"LWzfjhTngpoQwh6ZQaQC\",\"title\":\"15.latest\",\"url\":\"https://docs.umbraco.com/umbraco-forms/\"},\"active\":true}],[\"$\",\"$L2a\",\"Hbkj8mAE5C7ODrOVDnjJ-1\",{\"variantSpace\":{\"id\":\"Hbkj8mAE5C7ODrOVDnjJ\",\"title\":\"14.latest\",\"url\":\"https://docs.umbraco.com/umbraco-forms/14.latest/\"},\"active\":false}],[\"$\",\"$L2a\",\"HN4dErU7ghf8hOdcQpSs-2\",{\"variantSpace\":{\"id\":\"HN4dErU7ghf8hOdcQpSs\",\"title\":\"13.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-forms/13.latest/\"},\"active\":false}],[\"$\",\"$L2a\",\"xqIcVR1qNPjjUSWQJhMw-3\",{\"variantSpace\":{\"id\":\"xqIcVR1qNPjjUSWQJhMw\",\"title\":\"10.latest (LTS)\",\"url\":\"https://docs.umbraco.com/umbraco-forms/10.latest/\"},\"active\":false}]]}]}]}]]}]}],\"$L2b\",[\"$\",\"div\",null,{\"className\":\"flex md:w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$2c\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2d\",null,{\"style\":null,\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":\"Ask or Search\"}]}]}]}]]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full min-h-[calc(100vh-64px)]\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"relative group flex flex-col basis-full bg-light grow-0 shrink-0 shadow-thinbottom navigation-open:shadow-dark/2 z-[1] top-0 h-[100vh] lg:basis-72 lg:navigation-open:border-b-0 lg:sticky dark:bg-dark dark:navigation-open:shadow-light/2 page-no-toc:hidden lg:top-16 lg:h-[calc(100vh_-_4rem)]\",\"children\":[null,[\"$\",\"$L2e\",null,{\"className\":\"pt-4 hidden lg:flex flex-grow flex-col overflow-y-auto lg:gutter-stable lg:pr-2 group-hover:[\u0026::-webkit-scrollbar]:bg-dark/1 group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-dark/3 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:[\u0026::-webkit-scrollbar]:bg-transparent dark:[\u0026::-webkit-scrollbar-thumb]:bg-transparent dark:group-hover:[\u0026::-webkit-scrollbar]:bg-light/1 dark:group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-light/3 navigation-open:flex lg:-ml-5 lg:pb-20\",\"children\":[null,[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/\",\"pathname\":\"\",\"descendants\":null,\"children\":\"Umbraco Forms Documentation\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/legacy-documentation\",\"pathname\":\"legacy-documentation\",\"descendants\":null,\"children\":\"Legacy Documentation\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/release-notes\",\"pathname\":\"release-notes\",\"descendants\":null,\"children\":\"Release Notes\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Installation\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/installation/install\",\"pathname\":\"installation/install\",\"descendants\":null,\"children\":\"Installing Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/installation/the-licensing-model\",\"pathname\":\"installation/the-licensing-model\",\"descendants\":null,\"children\":\"Licensing\"}]}]]}]]}],[\"$\",\""])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Upgrading\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/upgrading/manualupgrade\",\"pathname\":\"upgrading/manualupgrade\",\"descendants\":null,\"children\":\"Upgrading Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/upgrading/version-specific\",\"pathname\":\"upgrading/version-specific\",\"descendants\":null,\"children\":\"Version Specific Upgrade Notes\"}]}],null]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Editor\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form\",\"pathname\":\"editor/creating-a-form\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/form-settings\",\"pathname\":\"editor/creating-a-form/form-settings\",\"descendants\":null,\"children\":\"Form Settings\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/form-info\",\"pathname\":\"editor/creating-a-form/form-info\",\"descendants\":null,\"children\":\"Form Information\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/fieldtypes\",\"pathname\":\"editor/creating-a-form/fieldtypes\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/fieldtypes/date\",\"pathname\":\"editor/creating-a-form/fieldtypes/date\",\"descendants\":null,\"children\":\"Date\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/fieldtypes/fileupload\",\"pathname\":\"editor/creating-a-form/fieldtypes/fileupload\",\"descendants\":null,\"children\":\"File Upload\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/fieldtypes/recaptcha2\",\"pathname\":\"editor/creating-a-form/fieldtypes/recaptcha2\",\"descendants\":null,\"children\":\"reCAPTCHA V2\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/fieldtypes/recaptcha3\",\"pathname\":\"editor/creating-a-form/fieldtypes/recaptcha3\",\"descendants\":null,\"children\":\"reCAPTCHA V3\"}]}]]}],\"children\":\"Overview Of The Field Types\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/creating-a-form/conditional-logic\",\"pathname\":\"editor/creating-a-form/conditional-logic\",\"descendants\":null,\"children\":\"Setting-up Conditional Logic on Fields\"}]}]]}],\"children\":\"Creating a Form - The basics\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/attaching-workflows\",\"pathname\":\"editor/attaching-workflows\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/e"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ditor/attaching-workflows/workflow-types\",\"pathname\":\"editor/attaching-workflows/workflow-types\",\"descendants\":null,\"children\":\"Workflow Types\"}]}]]}],\"children\":\"Attaching Workflows\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/viewing-and-exporting-entries\",\"pathname\":\"editor/viewing-and-exporting-entries\",\"descendants\":null,\"children\":\"Viewing And Exporting Entries\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/defining-and-attaching-prevaluesources\",\"pathname\":\"editor/defining-and-attaching-prevaluesources\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/editor/defining-and-attaching-prevaluesources/prevalue-source-types\",\"pathname\":\"editor/defining-and-attaching-prevaluesources/prevalue-source-types\",\"descendants\":null,\"children\":\"Prevalue Source Types Overview\"}]}]]}],\"children\":\"Defining And Attaching Prevalue Sources\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Developer\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/property-editors\",\"pathname\":\"developer/property-editors\",\"descendants\":null,\"children\":\"Property Editors\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/prepping-frontend\",\"pathname\":\"developer/prepping-frontend\",\"descendants\":null,\"children\":\"Preparing Your Frontend\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/rendering-forms\",\"pathname\":\"developer/rendering-forms\",\"descendants\":null,\"children\":\"Rendering Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/rendering-scripts\",\"pathname\":\"developer/rendering-scripts\",\"descendants\":null,\"children\":\"Rendering Forms Scripts\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/themes\",\"pathname\":\"developer/themes\",\"descendants\":null,\"children\":\"Themes\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/custom-markup\",\"pathname\":\"developer/custom-markup\",\"descendants\":null,\"children\":\"Custom Markup\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/email-templates\",\"pathname\":\"developer/email-templates\",\"descendants\":null,\"children\":\"Email Templates\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/working-with-data\",\"pathname\":\"developer/working-with-data\",\"descendants\":null,\"children\":\"Working With Record Data\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/forms-in-the-database\",\"pathname\":\"developer/forms-in-the-database\",\"descendants\":null,\"children\":\"Umbraco Forms in the Database\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending\",\"pathname\":\"developer/extending\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-type\",\"pathname\":\"developer/extending/adding-a-type\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l bor"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"der-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-type/setting-types\",\"pathname\":\"developer/extending/adding-a-type/setting-types\",\"descendants\":null,\"children\":\"Setting Types\"}]}]]}],\"children\":\"Adding A Type To The Provider Model\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-fieldtype\",\"pathname\":\"developer/extending/adding-a-fieldtype\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-fieldtype/excluding-a-built-in-field\",\"pathname\":\"developer/extending/adding-a-fieldtype/excluding-a-built-in-field\",\"descendants\":null,\"children\":\"Excluding a built-in field\"}]}]]}],\"children\":\"Adding A Field Type To Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-prevaluesourcetype\",\"pathname\":\"developer/extending/adding-a-prevaluesourcetype\",\"descendants\":null,\"children\":\"Adding A Prevalue Source Type To Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-workflowtype\",\"pathname\":\"developer/extending/adding-a-workflowtype\",\"descendants\":null,\"children\":\"Adding A Workflow Type To Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-exporttype\",\"pathname\":\"developer/extending/adding-a-exporttype\",\"descendants\":null,\"children\":\"Adding An Export Type To Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-magic-string-format-function\",\"pathname\":\"developer/extending/adding-a-magic-string-format-function\",\"descendants\":null,\"children\":\"Adding a Magic String Format Function\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-an-event-handler\",\"pathname\":\"developer/extending/adding-an-event-handler\",\"descendants\":null,\"children\":\"Adding A Server-Side Notification Handler To Umbraco Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-validation-pattern\",\"pathname\":\"developer/extending/adding-a-validation-pattern\",\"descendants\":null,\"children\":\"Adding a Validation Pattern\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/extending/customize-default-workflows\",\"pathname\":\"developer/extending/customize-default-workflows\",\"descendants\":null,\"children\":\"Customize Default Fields and Workflows For a Form\"}]}]]}],\"children\":\"Extending\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/configuration\",\"pathname\":\"developer/configuration\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/configuration/type-details\",\"pathname\":\"developer/configuration/type-details\",\"descendants\":null,\"children\":\"Forms Provider Type Details\"}]}]]}],\"children\":\"Configuration\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/webhooks\",\"pathname\":\"developer/webhooks\",\"descendants\":null,\"children\":\"Webhooks\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/security\",\"pathname\":\"developer/security\",\"descendants\":null,\"children\":\"Security\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"h"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ref\":\"/umbraco-forms/developer/magic-strings\",\"pathname\":\"developer/magic-strings\",\"descendants\":null,\"children\":\"Magic Strings\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/healthchecks\",\"pathname\":\"developer/healthchecks\",\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5 ms-5 my-2 border-l border-dark/3 dark:border-light/2\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/healthchecks/apply-keys\",\"pathname\":\"developer/healthchecks/apply-keys\",\"descendants\":null,\"children\":\"Apply keys and indexes\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/healthchecks/forms-in-the-database-apply-keys\",\"pathname\":\"developer/healthchecks/forms-in-the-database-apply-keys\",\"descendants\":null,\"children\":\"Apply keys and indexes for forms in the database\"}]}]]}],\"children\":\"Health Checks\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/localization\",\"pathname\":\"developer/localization\",\"descendants\":null,\"children\":\"Localization\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/ajaxforms\",\"pathname\":\"developer/ajaxforms\",\"descendants\":null,\"children\":\"Headless/AJAX Forms\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/block-list-labels\",\"pathname\":\"developer/block-list-labels\",\"descendants\":null,\"children\":\"Block List Labels\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/field-types\",\"pathname\":\"developer/field-types\",\"descendants\":null,\"children\":\"Field Types\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/developer/iprevaluetextfilestorage\",\"pathname\":\"developer/iprevaluetextfilestorage\",\"descendants\":null,\"children\":\"Storing Prevalue Text Files With IPreValueTextFileStorage\"}]}]]}]]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center gap-3 px-5 pt-6 pb-1.5 text-xs tracking-wide font-semibold uppercase z-[1] sticky -top-4 bg-gradient-to-b from-light to-transparent from-65% dark:from-dark dark:tracking-wider dark:to-transparent\",\"children\":[\"$undefined\",\"Tutorials\"]}],[\"$\",\"ul\",null,{\"className\":\"flex flex-1 flex-col gap-y-0.5\",\"children\":[[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/tutorials/overview\",\"pathname\":\"tutorials/overview\",\"descendants\":null,\"children\":\"Overview\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/tutorials/creating-a-contact-form\",\"pathname\":\"tutorials/creating-a-contact-form\",\"descendants\":null,\"children\":\"Creating a Contact Form\"}]}],[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L2f\",null,{\"href\":\"/umbraco-forms/tutorials/creating-a-multipage-form\",\"pathname\":\"tutorials/creating-a-multipage-form\",\"descendants\":null,\"children\":\"Creating a Multi-Page Form\"}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute bottom-0 right-0 left-0 flex flex-col pointer-events-none lg:-left-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"text-sm text-dark/8 pr-0 pt-2 pb-2 mt-4 mb-4 bg-[size:250%_125%] bg-[position:50%_35%] bg-[radial-gradient(farthest-side_at_50%_-70%,_var(--tw-gradient-stops))] from-transparent from-60% to-light to-80% lg:pr-2 lg:mt-0 lg:mb-0 lg:mr-2 lg:pt-16 dark:text-light/6 dark:dark:to-dark\",\"children\":[\"$\",\"a\",null,{\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=LWzfjhTngpoQwh6ZQaQC\",\"className\":\"font-semibold ring-1 ring-inset ring-dark/2 pointer-events-auto transition-colors flex flex-row items-center hover:bg-dark/1 bg-light dark:bg-dark px-4 py-4 rounded-lg straight-corners:rounded-none hover:backdrop-blur-sm lg:ring-0 tracking-[-0.016em] dark:hover:b"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"g-light/1 dark:ring-light/1 border border-dark/2 dark:border-light/2\",\"children\":[[\"$\",\"$L29\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$L10\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L12\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"border-t border-dark/2 bg-light-2 dark:border-light/2 dark:bg-dark-2\",\"children\":[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full py-6 gap-6 md:flex-row md:gap-10 px-0 sm:px-0\",\"children\":[\" \",null,[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col gap-6 px-4 sm:px-6 md:px-0\",\"children\":[null,null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col items-start order-[-1] px-4 sm:px-6 md:px-0 md:order-1\",\"children\":[\"$\",\"$2c\",null,{\"fallback\":null,\"children\":[\"$\",\"$L30\",null,{}]}]}]]}]}]}],[\"$\",\"$2c\",null,{\"fallback\":null,\"children\":[\"$\",\"$L31\",null,{\"spaceId\":\"LWzfjhTngpoQwh6ZQaQC\",\"revisionId\":\"At6FkA666mlx4TGSwo0i\",\"spaceTitle\":\"15.latest\",\"withAsk\":true,\"isMultiVariants\":true,\"pointer\":{\"siteId\":\"site_p4n4T\",\"spaceId\":\"LWzfjhTngpoQwh6ZQaQC\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_o8cfQ\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"}}]}]],[[\"$\",\"$L32\",null,{}],[[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_p4n4T/script.js?version=148.lzqugz8\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/hotjar/installations/23059233958d11d26d0c14e2452de48ee5ffef90f612cd5e3a1a1d527f3468c2/sites/site_p4n4T/script.js?version=148.lzqugz8\",\"nonce\":\"NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0\"}],[\"$\",\"script\",\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_p4n4T/script.js?version=149.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/28968f40fe7eeecc4e65feb6a810e513823332788a218ab9acc423f629c89b78/sites/site_p4n4T/script.js?version=149.0\",\"nonce\":\"NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0\"}]]],[\"$\",\"$2c\",null,{\"fallback\":null,\"children\":[\"$\",\"$L33\",null,{\"privacyPolicy\":\"https://our.umbraco.com/privacy-policy\"}]}],[\"$\",\"script\",null,{\"nonce\":\"NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0\",\"suppressHydrationWarning\":true,\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n document.addEventListener(\\\"DOMContentLoaded\\\", () =\u003e {\\n if (Array.from(document.scripts).find(script =\u003e script.src.includes('rocket-loader.min.js'))) {\\n const alert = document.createElement('div');\\n alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400 mt-8 mx-8';\\n alert.innerHTML = `\\n \u003cstrong\u003eError in site configuration:\u003c/strong\u003e\\n It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to \u003ca href=\\\"https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare\\\" class=\\\"underline\\\"\u003eGitBook's documentation\u003c/a\u003e for steps to fix the problem.\\n `;\\n\\n document.body.prepend(alert);\\n }\\n });\"}}],null]}]\n2b:[\"$\",\"div\",null,{\"className\":\"headerLinks_containerHeaderlinks__GUgiv flex justify-end items-center gap-x-2.5 mr-2.5 lg:gap-x-5 lg:mr-2.5 *:max-w-56 z-20\",\"children\":[[\"$L34\",\"$L35\",\"$L36\",\"$L37\""])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"],[\"$\",\"div\",null,{\"className\":\"headerLinks_linkEllipsis__Z01IN items-center z-20\",\"children\":[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"button\",null,{\"className\":\"px-1 text-dark/8 dark:text-light/8 dark:hover:text-light hover:text-header-link-400\",\"children\":[[\"$\",\"span\",null,{\"className\":\"sr-only\",\"children\":\"More\"}],[\"$\",\"$L29\",null,{\"icon\":\"ellipsis\",\"className\":\"opacity-6 size-3 ms-1\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S2:\",\"className\":\"w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible -translate-x-48 md:translate-x-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L38\",\"$L39\",\"$L3a\",\"$L3b\"]}]}]}]]}]}]]}]\n3d:I[92083,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PageFeedbackForm\"]\n3e:I[2554,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"Ad\"]\n3f:I[46451,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PreservePageLayout\"]\n40:\"$Sreact.fragment\"\n52:I[66819,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"4012\",\"static/chunks/4012-d5519c7c19347ff0.js\",\"7457\",\"static/chunks/app/(site)/layout-512d7fc9258aa558.js\"],\"DateRelative\"]\n53:I[70155,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"TrackPageView\"]\n54:I[50004,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"PageClientLayout\"]\nf:[null,[\"$\",\"div\",null,{\"className\":\"flex flex-row-reverse justify-end\",\"children\":[[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 sticky py-8 break-anywhere lg:h-full h-[100vh] page-api-block:xl:max-2xl:z-[1] page-api-block:xl:max-2xl:backdrop-blur-md page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-light-2/9 page-api-block:xl:max-2xl:rounded page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:mt-3 dark:page-api-block:xl:max-2xl:bg-dark-2/8 lg:max-h-[calc(100vh_-_4rem)] top-16 page-api-block:xl:max-2xl:top-16\",\"children\":[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex flex-row items-center gap-3 text-sm font-semibold px-2 py-2\",\"children\":[[\"$\",\"$L29\",null,{\"icon\":\"bars\",\"className\":\"size-3\"}],\"On this page\"]}],[\"$\",\"div\",null,{\"className\":\"overflow-auto flex-1 flex flex-col gap-4 [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[[\"$\",\"$2c\",null,{\"fallback\":null,\"children\":\"$L3c\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 page-api-block:xl:max-2xl:px-3\",\"children\":[[\"$\",\"$2c\",null,{\"fallback\":null,\"children\":[\"$\",\"$L3d\",null,{\"pageId\":\"1Ch2XqpwvoJttWsSIr5i\",\"className\":\"mt-2\"}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/umbraco/UmbracoDocs/blob/main/15/umbraco-forms/developer/extending/adding-a-type.md\",\"className\":\"flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5\",\"children\":[[\"$\",\"$L29\",null,{\"icon\":\"github\",\"className\":\"size-4 mr-1.5\"}],\"Edit on GitHub\"]}]}],[\"$\",\"div\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"/umbraco-forms/~gitbook/pdf?page=1Ch2XqpwvoJttWsSIr5i\u0026only=yes\",\"className\":\"flex flex-row items-center text-sm text-dark/6 hover:text-primary py-2 dark:text-light/5\",\"children\":[[\"$\",\"$L29\",null,{\"icon\":\"file-pdf\",\"className\":\"size-4 mr-1.5\"}],\"Export as PDF\"]}]}]]}]]}],[\"$\",\"$L3e\",null,{\"zoneId\":null,\"placement\":\"page.aside\",\"spaceId\":\"LWzfjhTngpoQwh6ZQaQC\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"mt-4\"}]]}],[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L3f\",null,{\"asFullWidth\":false}],null,[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Adding A Type To The Provider Model\"]}],null]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-4\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"prepa"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"rations\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"adding-the-type-to-forms\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-f"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ull bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"setting-up-basic-type-information\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"adding-settings-to-a-type\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full m"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"x-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid gri"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"d-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"validate-type-settings-with-validatesettings\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"registering-the-class-with-umbraco-and-forms\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\","])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 o"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"verflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transfo"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"rm animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"overriding-default-providers-in-umbraco-forms\",\"role\""])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}]]}],\"children\":[\"$\",\"div\",null,{\"className\":\"[\u0026\u003e*+*]:mt-5 grid whitespace-pre-wrap\",\"children\":[[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"To add a new type, no matter if it's a workflow, field, data source, etc, there is a number of tasks to perform to connect to the Forms provider model. This chapter walks through each step and describes how each part works. This chapter will reference the creation of a workflow type. It is, however, the same process for all types.\"}]]]}],[\"$\",\"h2\",null,{\"id\":\"preparations\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#preparations\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L29\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Preparations\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Create a new class library project in Visual Studio add references to the \"}],[\"$\",\"$40\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"Umbraco.Forms.Core.dll\"}]}],[\"$\",\"$40\",\"2\",{\"children"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\":\" (available via referencing the \"}]],\"$L41\",[[\"$\",\"$40\",\"0\",{\"children\":\"). You might also need to reference \"}]],\"$L42\",[[\"$\",\"$40\",\"0\",{\"children\":\".\"}]]]}],[\"$\",\"h2\",null,{\"id\":\"adding-the-type-to-forms\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#adding-the-type-to-forms\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L29\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Adding the type to Forms\"}]]]}]]}],[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"The Forms API contains a collection of classes that can be registered at startup or in an Umbraco component. So to add a new type to Forms you inherit from the right class. In the sample below we use the class for the workflow type.\"}]]]}],\"$L43\",[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"When you implement this class you get two methods added. One of them is Execute which performs the execution of the workflow and the other is a method which validates the workflow settings, we will get back to these settings later on.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Any dependencies required that are registered with the dependency injection container can be provided via the constructor.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefi"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ned\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Even though we have the class inheritance in place, we still need to add a bit of default information.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"setting-up-basic-type-information\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"setting-up-basic-type-information\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#setting-up-basic-type-information\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L29\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Setting up basic type information\"}]]]}]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-a"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"uto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Even though we have the class inheritance in place, we still need to add a bit of default information. This information is added in the class's constructor like this:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L44\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"All three are mandatory and the ID must be unique, otherwise the type might conflict with an existing one.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"adding-settings-to-a-type\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"adding-settings-to-a-type\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#adding-settings-to-a-type\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"childr"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"en\":[\"$\",\"$L29\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Adding settings to a type\"}]]]}]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Now that we have a basic class setup, we would like to pass setting items to the type. So we can reuse the type on multiple items but with different settings. To add a setting to a type, we add a property to the class, and give it a specific attribute like this:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L45\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"The Umbraco.Forms.Core.Attributes.Setting registers the property in Umbraco Forms and there will automatically be UI and storage generated for it. In the attribute, a name, description and the view to be rendered is defined.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$unde"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"fined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"With the attribute in place, the property value is set every time the class is instantiated by Umbraco Forms. This means you can use the property in your code like this:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L46\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"For all types that use the provider model, settings work this way. By adding the Setting attribute Forms automatically registers the property in the UI and sets the value when the class is instantiated.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+4"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"7px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Each setting value is stored as a string with the user interface for generating the value defined via the \"}],[\"$\",\"$40\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"View\"}]}],[\"$\",\"$40\",\"2\",{\"children\":\" property.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Umbraco Forms ships with \"}]],\"$L47\",[[\"$\",\"$40\",\"0\",{\"children\":\".\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"validate-type-settings-with-validatesettings\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"validate-type-settings-with-validatesettings\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#validate-type-settings-with-validatesettings\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L29\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] "])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"mt-[1em]\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Validate type settings with ValidateSettings()\"}]]]}]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"The \"}],[\"$\",\"$40\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"ValidateSettings()\"}]}],[\"$\",\"$40\",\"2\",{\"children\":\" method which can be found on all types supporting dynamic settings, is used for making sure the data entered by the user is valid and works with the type.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L48\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"registering-the-class-with-umbraco-and-forms\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"registering-the-class-with-umbraco-and-forms\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#registering-the-class-with-umbraco-and-forms\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L29\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Registering the class with Umbraco and Forms\"}]]]}]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"To register the type, ensure your web application project has a reference to the class library, either via a project or NuGet reference. Then add the following code into the startup pipeline. In this example, the registration is implemented as an extension method to \"}],[\"$\",\"$40\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"IUmbracoBuilder\"}]}],[\"$\",\"$40\",\"2\",{\"children\":\" and should be called from \"}],[\"$\",\"$40\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"Program.cs\"}]}],[\"$\",\"$40\",\"4\",{\"children\":\":\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L49\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [ma"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"x-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"An alternative approach is to use a composer, as per this example:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L4a\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"There are further convenience methods you can use for registering custom types. These are found in the namespace \"}],[\"$\",\"$40\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"Umbraco.Forms.Core.Providers.Extensions\"}]}],[\"$\",\"$40\",\"2\",{\"children\":\".\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"classN"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ame\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"For example, instead of the following:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L4b\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Your workflow can be registered using:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L4c\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\","])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Or:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L4d\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Existing items that are not required in a particular installation can be removed with:\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L4e\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Also look in the reference chapter for complete class implementations of workflows, fields and export types.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"overriding-default-providers-in-umbraco-forms\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"h2\",null,{\"id\":\"overriding-default-providers-in-umbraco-forms\",\"className\":\"text-3xl font-semibold group relative grid w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"grid grid-area-1-1 relative -ml-6 w-7 border-0 opacity-0 group-hover:opacity-[0] group-focus:opacity-[0] md:group-hover:md:opacity-[1] md:group-focus:md:opacity-[1] mt-[1em]\",\"children\":[\"$\",\"a\",null,{\"href\":\"#overriding-default-providers-in-umbraco-forms\",\"aria-label\":\"Direct link to heading\",\"className\":\"inline-flex h-full items-start dark:text-light/3 dark:shadow-none dark:ring-0 leading-tight\",\"children\":[\"$\",\"$L29\",null,{\"icon\":\"hashtag\",\"className\":\"w-3.5 h-[1lh] transition-colors text-transparent group-hover:text-dark/6 dark:group-hover:text-light/5 lg:w-4\"}]}]}],[\"$\",\"div\",null,{\"className\":\"grid-area-1-1 z-[1] mt-[1em]\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Overriding default providers in Umbraco Forms\"}]]]}]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"classNa"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"me\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"It is possible to override and inherit the original provider, be it a Field Type or Workflow etc. The only requirement when inheriting a fieldtype that you wish to override is to ensure you do not override/change the Id set for the provider, and make sure your class is public.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Here is an example of overriding the Textarea field aka Long Answer.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L4f\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"As discussed in the previous section, you must also register the extended field type within a composer. You also need to create the the backoffice field type view.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ri"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ng-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Composer:\"}]}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":\"$L50\"}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":[\"$\",\"strong\",null,{\"className\":\"font-bold\",\"children\":\"Backoffice View:\"}]}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] "])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Add a new HTML file as per the name of the field class (e.g. \"}],[\"$\",\"$40\",\"1\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"textareawithcount.html\"}]}],[\"$\",\"$40\",\"2\",{\"children\":\") to \"}],[\"$\",\"$40\",\"3\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"\\\\wwwroot\\\\App_Plugins\\\\umbracoforms\\\\Backoffice\\\\Common\\\\FieldTypes\\\\\"}]}],[\"$\",\"$40\",\"4\",{\"children\":\" within your project. For this example, we can copy the original \"}],[\"$\",\"$40\",\"5\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"textarea.html\"}]}],[\"$\",\"$40\",\"6\",{\"children\":\" file used by the standard 'Long Answer' field.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"The AngularJS client-side files are shipped with Umbraco Forms as part of a Razor Class Library. So you won't find these files on disk when you install the package.\"}]]]}]}],[\"$\",\"$2c\",null,{\"fallback\":[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-dark/2 overflow-hidden relative grid dark:ring-light/1 rounded-md h-[35px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-dark-4/4 dark:bg-light-3/1 grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-dark-4 to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)] dark:from-light-4/6\"}]}]}]}],\"children\":[\"$\",\"p\",null,{\"className\":\"w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"However if you do want to reference them you can view and extract them from the \"}]],\"$L51\",[[\"$\",\"$40\",\"0\",{\"children\":\".\"}]]]}]}]]}]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row m"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"t-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"$L26\",null,{\"href\":\"/umbraco-forms/developer/extending\",\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1 text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Previous\"}],[\"$\",\"span\",null,{\"className\":\"text-dark dark:text-light/6 group-hover:text-primary line-clamp-2\",\"children\":\"Extending\"}]]}],[\"$\",\"$L29\",null,{\"icon\":\"chevron-left\",\"className\":\"hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block\"}]]}],[\"$\",\"$L26\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-type/setting-types\",\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-dark/3 rounded straight-corners:rounded-none hover:border-primary/6 dark:border-light/2 text-pretty dark:hover:border-primary-300/4 md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Next\"}],[\"$\",\"span\",null,{\"className\":\"text-dark dark:text-light/6 group-hover:text-primary line-clamp-2\",\"children\":\"Setting Types\"}]]}],[\"$\",\"$L29\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-dark/5 group-hover:text-primary dark:text-light/4 md:block\"}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex flex-row items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0\",\"children\":[[\"$\",\"p\",null,{\"className\":\"flex-1 text-sm text-dark/6 dark:text-light/5\",\"children\":[[[\"$\",\"$40\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$40\",\"arg-0\",{\"children\":[\"$\",\"$L52\",null,{\"value\":\"2024-11-13T09:25:09.210Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L53\",null,{\"sitePointer\":{\"siteId\":\"site_p4n4T\",\"spaceId\":\"LWzfjhTngpoQwh6ZQaQC\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_o8cfQ\",\"siteShareKey\":\"$undefined\",\"organizationId\":\"vHdmkfI8smZW50A5yIZD\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"},\"spaceId\":\"LWzfjhTngpoQwh6ZQaQC\",\"pageId\":\"1Ch2XqpwvoJttWsSIr5i\",\"apiHost\":\"https://api.gitbook.com\"}]]]}],[\"$\",\"$2c\",null,{\"fallback\":null,\"children\":[\"$\",\"$L54\",null,{\"withSections\":false}]}]]\n55:I[64355,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"ScrollSectionsList\"]\n56:I[17370,[\"2634\",\"static/chunks/b5d5b83b-3d9186fb60556c53.js\",\"7609\",\"static/chunks/7609-ae1015bd89577747.js\",\"1281\",\"static/chunks/1281-411df876b32e19c2.js\",\"9505\",\"static/chunks/9505-a8f112b566ef7f41.js\",\"6150\",\"static/chunks/6150-57a79db9099e4be8.js\",\"4531\",\"static/chunks/4531-b39a0af8c700f9ea.js\",\"8510\",\"static/chunks/8510-2f41b25832a6d317.js\",\"8843\",\"static/chunks/8843-dcccd4a8528a4d7f.js\",\"1285\",\"static/chunks/1285-2b0f91300e0c0b9a.js\",\"9028\",\"static/chunks/9028-bdf215f649fe02e9.js\",\"4848\",\"static/chunks/app/(site)/(content)/%5B%5B...pathname%5D%5D/page-39aa8160fcfd8035.js\"],\"CopyCodeButton\"]\n3c:[\"$\",\"$L55\",null,{\"sections\":[{\"id\":\"preparations\",\"title\":\"Preparations\",\"depth\":1},{\"id\":\"adding-the-type-to-forms\",\"title\":\"Adding the type to Forms\",\"depth\":1},{\"id\":\"setting-up-basic-type-information\",\"title\":\"Setting up basic type information\",\"depth\":1},{\"id\":\"adding-settings-to-a-type\",\"title\":\"Adding settings to a type\",\"depth\":1},{\"id\":\"validate-type-settings-with-validatesettings\",\"title\":\"Validate type settings with ValidateSettings()\",\"depth\":1},{\"id\":\"registering-the-class-with-umbraco-and-forms"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\",\"title\":\"Registering the class with Umbraco and Forms\",\"depth\":1},{\"id\":\"overriding-default-providers-in-umbraco-forms\",\"title\":\"Overriding default providers in Umbraco Forms\",\"depth\":1}]}]\n41:[\"$\",\"$L26\",null,{\"href\":\"https://www.nuget.org/packages/Umbraco.Forms.Core/\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"NuGet package\"}]]]}]\n42:[\"$\",\"$L26\",null,{\"href\":\"https://www.nuget.org/packages/Umbraco.Forms.Core.Providers/\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"Umbraco.Forms.Core.Providers\"}]]]}]\n47:[\"$\",\"$L26\",null,{\"href\":\"/umbraco-forms/developer/extending/adding-a-type/setting-types\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":\"setting types and you can also create your own\"}]]]}]\n51:[\"$\",\"$L26\",null,{\"href\":\"https://nuget.info/packages/Umbraco.Forms.StaticAssets\",\"className\":\"underline underline-offset-2 text-primary hover:text-primary-700 transition-colors \",\"children\":[[[\"$\",\"$40\",\"0\",{\"children\":[\"$\",\"code\",null,{\"className\":\"py-[1px] px-1.5 min-w-[1.625rem] inline-flex justify-center items-center ring-1 ring-inset ring-dark/1 bg-dark/[0.06] rounded text-dark/8 dark:ring-light/1 dark:bg-light/1 dark:text-light/7 text-[.875em] leading-[calc(max(1.20em,1.25rem))]\",\"children\":\"Umbraco.Forms.StaticAssets\"}]}],[\"$\",\"$40\",\"1\",{\"children\":\" NuGet package\"}]]]}]\n43:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"JGRoiTH6Cweu\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"JGRoiTH6Cweu\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"class\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Umbraco\"}],[\"$\",\""])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Forms\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Core\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowType\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"{\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"private\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"readonly\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"ILogger\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e _logger;\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"ILogger\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e logger)\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" _logger \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" logger;\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:onl"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"y-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"override\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowExecutionStatus\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Execute\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowExecutionContext\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" context)\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"throw\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"new\"}],[\"$\",\"span\",null,{\"style\":{\"co"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"lor\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"NotImplementedException\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"override\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"List\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Exception\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"ValidateSettings\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"() {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:h"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"as(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"throw\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"new\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"NotImplementedException\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n44:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"lklzEBI3ppiG\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"lklzEBI3ppiG\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not("])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,".highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(ILogger\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"\u003e\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" logger) {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" _logger \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" logger;\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"this\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"Name\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"The logging workflow\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\";\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"this\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"Id\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"new\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Guid\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"D6A2C406-CF89-11DE-B075-55B055D89593\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\");\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"this\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"Description\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"This"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1," will save an entry to the log\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\";\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n45:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"d9zAGlDh3JE2\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"d9zAGlDh3JE2\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"[\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Umbraco\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Forms\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Core\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Attributes\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Setting\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Log Header\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" Description \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Log item header\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" View \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"TextField\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\")]\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"string\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" LogHeader { get; set; }\"}]],null]}]]}]]}]}]]}]\n46:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"6DZ5RfG2lW1P\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll ro"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"unded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"6DZ5RfG2lW1P\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"[\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Umbraco\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Forms\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Core\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Attributes\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Setting\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Document ID\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" Description \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Node the log entry belongs to\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foregrou"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"nd)\"},\"children\":\" View \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Pickers.Content\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\")]\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"string\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" Document { get; set; }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"override\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowExecutionStatus\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Execute\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowExecutionContext\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" context) {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlig"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"hted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"_logger\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogInformation\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Record submitted from: {IP}\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"context\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"Record\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"IP\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\");\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"return\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"WorkflowExecutionStatus\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"Completed\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\";\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n48:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"qYZMdtMh45qP\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"qYZMdtMh45qP\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"override\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"List\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Exception\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"ValidateSettings\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"() {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"List\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Exception\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e exceptions \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"new\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"List\"}],"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Exception\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"int\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" docId \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"0\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\";\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"if\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" (\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"!int\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"TryParse\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(Document\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"out\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" docId))\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" "])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1," \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"exceptions\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Add\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"new\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Exception\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Document is not a valid integer\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"));\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"return\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" exceptions;\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n49:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"Z7QV3kcnVCAs\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"Z7QV3kcnVCAs\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"static\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"IUmbracoBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"AddUmbracoFormsCustomProviders\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"this\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"IUmbracoBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" builder)\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"{\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"builder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WithCollectionBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowCollectionBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e()\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:n"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ot(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" .\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Add\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n4a:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"skjhD7XgbcM0\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"skjhD7XgbcM0\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"class\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"UmbracoFormsCustomProvidersComposer\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",nul"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"l,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"IComposer\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"{\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"void\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Compose\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"IUmbracoBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" builder)\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"builder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WithCollectionBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowCollectionBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e()\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" .\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Add\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n4b:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"MVcBWK7eIy10\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:h"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"over:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"MVcBWK7eIy10\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"builder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WithCollectionBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"WorkflowCollectionBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e()\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" .\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Add\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],null]}]]}]]}]}]]}]\n4c:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"0D0legk9a1QR\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"0D0legk9a1QR\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,":hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"builder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"AddFormsWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e()\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\":\"}]],null]}]]}]]}]}]]}]\n4d:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"QqAfC2Cp5m8C\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"QqAfC2Cp5m8C\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"builder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"FormsWorkflows\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"().\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Add\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"LogWorkflow\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],null]}]]}]]}]}]]}]\n4e:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\""])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,":null}],[\"$\",\"$L56\",null,{\"codeId\":\"Ov6RI5JHhqCN\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"Ov6RI5JHhqCN\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"builder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"FormsWorkflows\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"().\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Exclude\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Slack\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],null]}]]}]]}]}]]}]\n4f:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"INIInEho8g2V\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"INIInEho8g2V\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--sh"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"iki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"class\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"TextareaWithCount\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Umbraco\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Forms\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Core\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Providers\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"FieldTypes\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Textarea\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"{\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-comment)\"},\"children\":\" // Added a new setting when we add our field to the form\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"shiki-foreground)\"},\"children\":\" [\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Umbraco\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Forms\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Core\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Attributes\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Setting\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Max length\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" Description \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Max length\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" View \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"TextField\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\")]\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highl"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"string\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" MaxNumberOfChars { \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"get\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"; \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"set\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"; }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"TextareaWithCount\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"()\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highligh"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-comment)\"},\"children\":\" // Set a different view for this fieldtype\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"this\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"FieldTypeViewName\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"FieldType.TextareaWithCount.cshtml\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\";\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-comment)\"},\"children\":\" // We can change the default name of 'Long answer' to something that suits us\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighte"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"d]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"this\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"Name\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-string-expression)\"},\"children\":\"\\\"Long Answer with Limit\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\";\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[\" public override IEnumerable\u003cstring\u003e ValidateField(Form form, Field field, IEnumerable\u003cobject\u003e postedValues, HttpContext context, IPlaceholderParsingService placeholderParsingService, List\u003cstring\u003e errors)\"],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlig"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"hted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"var\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" baseValidation \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" base.\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"ValidateField\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(form\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" field\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" postedValues\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" context\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" placeholderParsingService\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\",\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" errors);\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"var\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" value \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"postedValues\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shik"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"i-token-function)\"},\"children\":\"FirstOrDefault\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"if\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" (value != null \u0026\u0026 value.ToString().\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Length\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \u003c \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"int\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Parse\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(MaxNumberOfChars))\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--sh"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"iki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"return\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" baseValidation;\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"var\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" custom \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"=\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"new\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"List\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"string\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" custom.\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"AddRange\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(baseValidation);\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" custom.\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Add\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\\\"\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"String\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" is \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"way\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" way \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"way\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" too long!\\\");\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"return\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" custom;\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n50:[\"$\",\"div\",null,{\"className\":\"group/codeblock grid grid-flow-col w-full mx-auto decoration-primary/6 max-w-3xl page-api-block:ml-0\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex items-center justify-start [grid-area:1/1] text-sm gap-2\",\"children\":null}],[\"$\",\"$L56\",null,{\"codeId\":\"eCisVJZT0CEa\",\"style\":[\"group-hover/codeblock:opacity-[1]\",\"transition-opacity\",\"duration-75\",\"opacity-0\",\"text-xs\",\"[grid-area:2/1]\",\"z-[2]\",\"justify-self-end\",\"backdrop-blur-md\",\"leading-none\",\"self-start\",\"ring-1\",\"ring-dark/2\",\"text-dark/7\",\"bg-transparent\",\"rounded-md\",\"mr-2\",\"mt-2\",\"p-1\",\"hover:ring-dark/3\",\"dark:ring-light/2\",\"dark:text-light/7\",\"dark:hover:ring-light/3\"]}],[\"$\",\"pre\",null,{\"className\":\"[grid-area:2/1] relative overflow-auto bg-light-2 dark:bg-dark-2 border-light-4 dark:border-dark-4 hide-scroll rounded-md straight-corners:rounded-sm\",\"children\":[\"$\",\"code\",null,{\"id\":\"eCisVJZT0CEa\",\"className\":\"min-w-full inline-grid [grid-template-columns:auto_1fr] py-2 px-2 [counter-reset:line]\",\"children\":[[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"class\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"UmbracoFormsCustomProvidersComposer\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-punctuation)\"},\"children\":\":\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"IComposer\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highli"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"ghted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"{\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"public\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-keyword)\"},\"children\":\"void\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Compose\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"(\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"IUmbracoBuilder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" builder)\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" {\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" \"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-constant)\"},\"children\":\"builder\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\".\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Forms"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"Fields\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"().\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"Add\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003c\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-token-function)\"},\"children\":\"TextareaWithCount\"}],[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"\u003e();\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\" }\"}]],\"\\n\"]}]]}],[\"$\",\"span\",null,{\"className\":\"grid [grid-template-columns:subgrid] col-span-2 relative ring-1 ring-transparent hover:ring-dark-4/5 hover:z-[1] dark:hover:ring-light-4/4 rounded [\u0026.highlighted:first-child]:rounded-t-md [\u0026.highlighted:first-child\u003e*]:mt-1 [\u0026.highlighted:last-child]:rounded-b-md [\u0026.highlighted:last-child\u003e*]:mb-1 [\u0026:only-child]:hover:ring-transparent [\u0026.highlighted]:rounded-none [\u0026:not(.highlighted)_+_.highlighted]:rounded-t-md [\u0026:not(.highlighted)_+_.highlighted\u003e*]:mt-1 [\u0026.highlighted:has(+:not(.highlighted))]:rounded-b-md [\u0026.highlighted:has(+:not(.highlighted))\u003e*]:mb-1 [\u0026:not(.highlighted)_+_.highlighted:has(+:not(.highlighted))]:rounded-md\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"ml-3 block text-sm\",\"children\":[[[\"$\",\"span\",null,{\"style\":{\"color\":\"var(--shiki-foreground)\"},\"children\":\"}\"}]],null]}]]}]]}]}]]}]\n37:[\"$\",\"div\",null,{\"className\":\"group/dropdown relative flex\",\"children\":[[\"$\",\"$L26\",null,{\"id\":\":S3:\",\"tabIndex\":0,\"aria-expanded\":true,\"aria-haspopup\":true,\"href\":\"https://docs.umbraco.com/umbraco-dxp/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"DXP\"}],[\"$\",\"$L29\",null,{\"icon\":\"chevron-down\",\"className\":\"opacity-6 size-3 ms-1 transition-transform group-hover/dropdown:rotate-180\"}]]}],[\"$\",\"div\",null,{\"tabIndex\":-1,\"role\":\"menu\",\"aria-orientation\":\"vertical\",\"aria-labelledby\":\":S3:\",\"className\":\"w-52 max-h-56 flex absolute top-full left-0 z-20 origin-top-left invisible transition-opacity duration-1000 group-hover/dropdown:visible group-focus-within/dropdown:visible\",\"children\":[\"$\",\"div\",null,{\"className\":\"mt-2 w-full bg-light rounded-lg straight-corners:rounded-sm p-2 shadow-1xs overflow-auto ring-1 ring-dark/1 ring-opacity-8 focus:outline-none dark:bg-dark dark:ring-light/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-1\",\"children\":[\"$L57\",\"$L58\",\"$L59\",\"$L5a\"]}]}]}]]}]\n3b:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-dxp/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"DXP\"}]\n35:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cloud/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Cloud\"}],null]}]\n39:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cloud/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2"])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1," dark:hover:bg-light/2\",\"children\":\"Cloud\"}]\n16:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"color-scheme\",\"content\":\"light dark\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Adding A Type To The Provider Model | Umbraco Forms\"}],[\"$\",\"meta\",\"4\",{\"name\":\"generator\",\"content\":\"GitBook (fc8065b)\"}],[\"$\",\"meta\",\"5\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"6\",{\"rel\":\"canonical\",\"href\":\"https://docs.umbraco.com/umbraco-forms/developer/extending/adding-a-type\"}],[\"$\",\"meta\",\"7\",{\"property\":\"og:title\",\"content\":\"Adding A Type To The Provider Model | Umbraco Forms\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:image\",\"content\":\"https://docs.umbraco.com/umbraco-forms/~gitbook/ogimage/1Ch2XqpwvoJttWsSIr5i\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:title\",\"content\":\"Adding A Type To The Provider Model | Umbraco Forms\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:image\",\"content\":\"https://docs.umbraco.com/umbraco-forms/~gitbook/ogimage/1Ch2XqpwvoJttWsSIr5i\"}],[\"$\",\"link\",\"12\",{\"rel\":\"icon\",\"href\":\"https://2296472622-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FHn2xWIIsQRvdAn3GPCrC%2Ficon%2F3hwEUw5L6TyFZ4X76bX0%2FUmbraco_Documentations_logo_icon.png?alt=media\u0026token=ee6c5127-0c63-45bd-9756-c26da61ffb40\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"13\",{\"rel\":\"icon\",\"href\":\"https://2296472622-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/collections%2FHn2xWIIsQRvdAn3GPCrC%2Ficon%2F3hwEUw5L6TyFZ4X76bX0%2FUmbraco_Documentations_logo_icon.png?alt=media\u0026token=ee6c5127-0c63-45bd-9756-c26da61ffb40\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"14\",{\"name\":\"next-size-adjust\"}]]\ne:null\n36:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"Heartcore\"}],null]}]\n3a:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-heartcore/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Heartcore\"}]\n34:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/\",\"className\":\"overflow-hidden text-sm lg:text-base flex flex-row items-center whitespace-nowrap hover:text-header-link-400 dark:hover:text-light text-dark/8 dark:text-light/8\",\"children\":[[\"$\",\"span\",null,{\"className\":\"truncate\",\"children\":\"CMS\"}],null]}]\n38:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-cms/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"CMS\"}]\n5b:T5bf,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 96w, "])</script><script nonce="NGM5YjdlZTAtMGQ3Yi00MmQ5LTk0MTMtMGJmZmQ0ZjA4YWI0">self.__next_f.push([1,"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 128w27:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=365eb7c2\u0026sv=1\",\"srcSet\":\"$5b\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n5c:T5bf,https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 32w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 64w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 96w, https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=365eb7c2\u0026sv=1 128w28:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://docs.umbraco.com/~gitbook/image?url=https%3A%2F%2F2296472622-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-x-prod.appspot.com%2Fo%2Fcollections%252FHn2xWIIsQRvdAn3GPCrC%252Ficon%252F3hwEUw5L6TyFZ4X76bX0%252FUmbraco_Documentations_logo_icon.png%3Falt%3Dmedia%26token%3Dee6c5127-0c63-45bd-9756-c26da61ffb40\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=365eb7c2\u0026sv=1\",\"srcSet\":\"$5c\",\"sizes\":\"32px\",\"width\":2084,\"height\":1881}]\n58:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-workflow/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Workflow\"}]\n57:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-deploy/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Deploy\"}]\n5a:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-ui-builder/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"UI Builder\"}]\n59:[\"$\",\"$L26\",null,{\"href\":\"https://docs.umbraco.com/umbraco-commerce/\",\"prefetch\":false,\"className\":\"flex flex-row items-center text-sm px-3 py-1 rounded straight-corners:rounded-sm hover:bg-dark/2 dark:hover:bg-light/2\",\"children\":\"Commerce\"}]\n"])</script></body></html>