[{"data":1,"prerenderedAt":2339},["ShallowReactive",2],{"navigation":3,"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverview":773,"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverview-surround":2334},[4,28,63,85,103,112,269,355,453,485,506,542,576,594,647,669,693,721,747],{"title":5,"path":6,"stem":7,"children":8,"icon":27},"Getting Started","\u002Fgetting-started","01.getting-started\u002F01.index",[9,11,15,19,23],{"title":10,"path":6,"stem":7},"Introduction",{"title":12,"path":13,"stem":14},"Installation","\u002Fgetting-started\u002Finstallation","01.getting-started\u002F02.installation",{"title":16,"path":17,"stem":18},"Quickstart with AI","\u002Fgetting-started\u002Fquickstart-with-ai","01.getting-started\u002F03.quickstart-with-ai",{"title":20,"path":21,"stem":22},"Quickstart by Hand","\u002Fgetting-started\u002Fquickstart-by-hand","01.getting-started\u002F04.quickstart-by-hand",{"title":24,"path":25,"stem":26},"The Admin","\u002Fgetting-started\u002Fadmin-tour","01.getting-started\u002F05.admin-tour","i-lucide-rocket",{"title":29,"icon":30,"path":31,"stem":32,"children":33,"page":62},"Concepts","i-lucide-lightbulb","\u002Fconcepts","02.concepts",[34,38,42,46,50,54,58],{"title":35,"path":36,"stem":37},"PostgreSQL First","\u002Fconcepts\u002Fpostgresql-first","02.concepts\u002F01.postgresql-first",{"title":39,"path":40,"stem":41},"Resources","\u002Fconcepts\u002Fresources","02.concepts\u002F02.resources",{"title":43,"path":44,"stem":45},"Users and Roles","\u002Fconcepts\u002Fusers-and-roles","02.concepts\u002F03.users-and-roles",{"title":47,"path":48,"stem":49},"Permissions","\u002Fconcepts\u002Fpermissions","02.concepts\u002F04.permissions",{"title":51,"path":52,"stem":53},"Drafts and Publishing","\u002Fconcepts\u002Fdrafts-and-publishing","02.concepts\u002F05.drafts-and-publishing",{"title":55,"path":56,"stem":57},"Audit and Events","\u002Fconcepts\u002Faudit-and-events","02.concepts\u002F06.audit-and-events",{"title":59,"path":60,"stem":61},"Object Access","\u002Fconcepts\u002Fobject-access","02.concepts\u002F07.object-access",false,{"title":64,"icon":65,"path":66,"stem":67,"children":68,"page":62},"App","i-lucide-app-window","\u002Fapp","03.app",[69,73,77,81],{"title":70,"path":71,"stem":72},"The App","\u002Fapp\u002Foverview","03.app\u002F01.overview",{"title":74,"path":75,"stem":76},"DataViews","\u002Fapp\u002Fdataviews","03.app\u002F02.dataviews",{"title":78,"path":79,"stem":80},"Dashboards","\u002Fapp\u002Fdashboards","03.app\u002F03.dashboards",{"title":82,"path":83,"stem":84},"Arrange menu","\u002Fapp\u002Farrange-menu","03.app\u002F04.arrange-menu",{"title":86,"icon":87,"path":88,"stem":89,"children":90,"page":62},"Database","i-lucide-database","\u002Fdatabase","04.database",[91,95,99],{"title":92,"path":93,"stem":94},"Tables","\u002Fdatabase\u002Ftables","04.database\u002F01.tables",{"title":96,"path":97,"stem":98},"Views","\u002Fdatabase\u002Fviews","04.database\u002F02.views",{"title":100,"path":101,"stem":102},"Functions","\u002Fdatabase\u002Ffunctions","04.database\u002F03.functions",{"title":104,"icon":105,"path":106,"stem":107,"children":108,"page":62},"SQL Console","i-lucide-square-terminal","\u002Fsql-console","05.sql-console",[109],{"title":104,"path":110,"stem":111},"\u002Fsql-console\u002Foverview","05.sql-console\u002F01.overview",{"title":74,"icon":113,"path":114,"stem":115,"children":116,"page":62},"i-lucide-layout-list","\u002Fdataviews","06.dataviews",[117,121,125,129,183,214],{"title":118,"path":119,"stem":120},"Overview","\u002Fdataviews\u002Foverview","06.dataviews\u002F01.overview",{"title":122,"path":123,"stem":124},"Creating a DataView","\u002Fdataviews\u002Fcreating","06.dataviews\u002F02.creating",{"title":126,"path":127,"stem":128},"Publishing","\u002Fdataviews\u002Fpublishing","06.dataviews\u002F03.publishing",{"title":130,"icon":131,"path":132,"stem":133,"children":134,"page":62},"Types","i-lucide-shapes","\u002Fdataviews\u002Ftypes","06.dataviews\u002F04.types",[135,139,143,147,151,155,159,163,167,171,175,179],{"title":136,"path":137,"stem":138},"Table","\u002Fdataviews\u002Ftypes\u002Ftable","06.dataviews\u002F04.types\u002F01.table",{"title":140,"path":141,"stem":142},"Cards","\u002Fdataviews\u002Ftypes\u002Fcards","06.dataviews\u002F04.types\u002F02.cards",{"title":144,"path":145,"stem":146},"Kanban","\u002Fdataviews\u002Ftypes\u002Fkanban","06.dataviews\u002F04.types\u002F03.kanban",{"title":148,"path":149,"stem":150},"Calendar","\u002Fdataviews\u002Ftypes\u002Fcalendar","06.dataviews\u002F04.types\u002F04.calendar",{"title":152,"path":153,"stem":154},"Gantt","\u002Fdataviews\u002Ftypes\u002Fgantt","06.dataviews\u002F04.types\u002F05.gantt",{"title":156,"path":157,"stem":158},"Map","\u002Fdataviews\u002Ftypes\u002Fmap","06.dataviews\u002F04.types\u002F06.map",{"title":160,"path":161,"stem":162},"Tree","\u002Fdataviews\u002Ftypes\u002Ftree","06.dataviews\u002F04.types\u002F07.tree",{"title":164,"path":165,"stem":166},"Form","\u002Fdataviews\u002Ftypes\u002Fform","06.dataviews\u002F04.types\u002F08.form",{"title":168,"path":169,"stem":170},"Master-detail","\u002Fdataviews\u002Ftypes\u002Fmaster-detail","06.dataviews\u002F04.types\u002F09.master-detail",{"title":172,"path":173,"stem":174},"Settings","\u002Fdataviews\u002Ftypes\u002Fsettings","06.dataviews\u002F04.types\u002F10.settings",{"title":176,"path":177,"stem":178},"Custom","\u002Fdataviews\u002Ftypes\u002Fcustom","06.dataviews\u002F04.types\u002F11.custom",{"title":180,"path":181,"stem":182},"External Frame","\u002Fdataviews\u002Ftypes\u002Fexternal-frame","06.dataviews\u002F04.types\u002F12.external-frame",{"title":172,"icon":184,"path":185,"stem":186,"children":187,"page":62},"i-lucide-settings-2","\u002Fdataviews\u002Fsettings","06.dataviews\u002F05.settings",[188,192,196,199,202,206,210],{"title":189,"path":190,"stem":191},"General","\u002Fdataviews\u002Fsettings\u002Fgeneral","06.dataviews\u002F05.settings\u002F01.general",{"title":193,"path":194,"stem":195},"Data","\u002Fdataviews\u002Fsettings\u002Fdata","06.dataviews\u002F05.settings\u002F02.data",{"title":96,"path":197,"stem":198},"\u002Fdataviews\u002Fsettings\u002Fviews","06.dataviews\u002F05.settings\u002F03.views",{"title":164,"path":200,"stem":201},"\u002Fdataviews\u002Fsettings\u002Fform","06.dataviews\u002F05.settings\u002F04.form",{"title":203,"path":204,"stem":205},"Actions","\u002Fdataviews\u002Fsettings\u002Factions","06.dataviews\u002F05.settings\u002F05.actions",{"title":207,"path":208,"stem":209},"Security","\u002Fdataviews\u002Fsettings\u002Fsecurity","06.dataviews\u002F05.settings\u002F06.security",{"title":211,"path":212,"stem":213},"Versions","\u002Fdataviews\u002Fsettings\u002Fversions","06.dataviews\u002F05.settings\u002F07.versions",{"title":215,"icon":216,"path":217,"stem":218,"children":219,"page":62},"Design Form","i-lucide-pencil-ruler","\u002Fdataviews\u002Fdesign-form","06.dataviews\u002F06.design-form",[220,223,257,261,265],{"title":118,"path":221,"stem":222},"\u002Fdataviews\u002Fdesign-form\u002Foverview","06.dataviews\u002F06.design-form\u002F01.overview",{"title":224,"icon":131,"path":225,"stem":226,"children":227,"page":62},"Widgets","\u002Fdataviews\u002Fdesign-form\u002Fwidgets","06.dataviews\u002F06.design-form\u002F02.widgets",[228,231,234,238,242,246,250,254],{"title":224,"path":229,"stem":230},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverview","06.dataviews\u002F06.design-form\u002F02.widgets\u002F01.overview",{"title":164,"path":232,"stem":233},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fform","06.dataviews\u002F06.design-form\u002F02.widgets\u002F02.form",{"title":235,"path":236,"stem":237},"Inputs","\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs","06.dataviews\u002F06.design-form\u002F02.widgets\u002F03.inputs",{"title":239,"path":240,"stem":241},"Display","\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay","06.dataviews\u002F06.design-form\u002F02.widgets\u002F04.display",{"title":243,"path":244,"stem":245},"Embeds","\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fembeds","06.dataviews\u002F06.design-form\u002F02.widgets\u002F05.embeds",{"title":247,"path":248,"stem":249},"Layout","\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout","06.dataviews\u002F06.design-form\u002F02.widgets\u002F06.layout",{"title":251,"path":252,"stem":253},"Overlays","\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverlays","06.dataviews\u002F06.design-form\u002F02.widgets\u002F07.overlays",{"title":203,"path":255,"stem":256},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Factions","06.dataviews\u002F06.design-form\u002F02.widgets\u002F08.actions",{"title":258,"path":259,"stem":260},"Variables","\u002Fdataviews\u002Fdesign-form\u002Fvariables","06.dataviews\u002F06.design-form\u002F03.variables",{"title":262,"path":263,"stem":264},"Code","\u002Fdataviews\u002Fdesign-form\u002Fcode","06.dataviews\u002F06.design-form\u002F04.code",{"title":266,"path":267,"stem":268},"Formulas","\u002Fdataviews\u002Fdesign-form\u002Fformulas","06.dataviews\u002F06.design-form\u002F05.formulas",{"title":78,"icon":270,"path":271,"stem":272,"children":273,"page":62},"i-lucide-layout-dashboard","\u002Fdashboards","07.dashboards",[274,277,281,285,332],{"title":118,"path":275,"stem":276},"\u002Fdashboards\u002Foverview","07.dashboards\u002F01.overview",{"title":278,"path":279,"stem":280},"Creating a Dashboard","\u002Fdashboards\u002Fcreating","07.dashboards\u002F02.creating",{"title":282,"path":283,"stem":284},"Editor","\u002Fdashboards\u002Feditor","07.dashboards\u002F03.editor",{"title":224,"icon":286,"path":287,"stem":288,"children":289,"page":62},"i-lucide-chart-bar","\u002Fdashboards\u002Fwidgets","07.dashboards\u002F04.widgets",[290,293,297,301,305,309,313,317,321,324,328],{"title":224,"path":291,"stem":292},"\u002Fdashboards\u002Fwidgets\u002Foverview","07.dashboards\u002F04.widgets\u002F01.overview",{"title":294,"path":295,"stem":296},"Editing a Widget","\u002Fdashboards\u002Fwidgets\u002Fediting-a-widget","07.dashboards\u002F04.widgets\u002F02.editing-a-widget",{"title":298,"path":299,"stem":300},"Indicators","\u002Fdashboards\u002Fwidgets\u002Findicators","07.dashboards\u002F04.widgets\u002F03.indicators",{"title":302,"path":303,"stem":304},"Comparison","\u002Fdashboards\u002Fwidgets\u002Fcomparison","07.dashboards\u002F04.widgets\u002F04.comparison",{"title":306,"path":307,"stem":308},"Trend","\u002Fdashboards\u002Fwidgets\u002Ftrend","07.dashboards\u002F04.widgets\u002F05.trend",{"title":310,"path":311,"stem":312},"Proportion","\u002Fdashboards\u002Fwidgets\u002Fproportion","07.dashboards\u002F04.widgets\u002F06.proportion",{"title":314,"path":315,"stem":316},"Distribution and Relation","\u002Fdashboards\u002Fwidgets\u002Fdistribution-and-relation","07.dashboards\u002F04.widgets\u002F07.distribution-and-relation",{"title":318,"path":319,"stem":320},"Maps","\u002Fdashboards\u002Fwidgets\u002Fmaps","07.dashboards\u002F04.widgets\u002F08.maps",{"title":92,"path":322,"stem":323},"\u002Fdashboards\u002Fwidgets\u002Ftables","07.dashboards\u002F04.widgets\u002F09.tables",{"title":325,"path":326,"stem":327},"Visualization and Insertion","\u002Fdashboards\u002Fwidgets\u002Fvisualization-and-insertion","07.dashboards\u002F04.widgets\u002F10.visualization-and-insertion",{"title":329,"path":330,"stem":331},"SQL Conventions","\u002Fdashboards\u002Fwidgets\u002Fsql-conventions","07.dashboards\u002F04.widgets\u002F11.sql-conventions",{"title":172,"icon":184,"path":333,"stem":334,"children":335,"page":62},"\u002Fdashboards\u002Fsettings","07.dashboards\u002F05.settings",[336,339,342,345,349,352],{"title":189,"path":337,"stem":338},"\u002Fdashboards\u002Fsettings\u002Fgeneral","07.dashboards\u002F05.settings\u002F01.general",{"title":258,"path":340,"stem":341},"\u002Fdashboards\u002Fsettings\u002Fvariables","07.dashboards\u002F05.settings\u002F02.variables",{"title":193,"path":343,"stem":344},"\u002Fdashboards\u002Fsettings\u002Fdata","07.dashboards\u002F05.settings\u002F03.data",{"title":346,"path":347,"stem":348},"Share","\u002Fdashboards\u002Fsettings\u002Fshare","07.dashboards\u002F05.settings\u002F04.share",{"title":207,"path":350,"stem":351},"\u002Fdashboards\u002Fsettings\u002Fsecurity","07.dashboards\u002F05.settings\u002F05.security",{"title":211,"path":353,"stem":354},"\u002Fdashboards\u002Fsettings\u002Fversions","07.dashboards\u002F05.settings\u002F06.versions",{"title":356,"icon":357,"path":358,"stem":359,"children":360,"page":62},"Workflows","i-lucide-workflow","\u002Fworkflows","08.workflows",[361,364,368,371,393,432],{"title":118,"path":362,"stem":363},"\u002Fworkflows\u002Foverview","08.workflows\u002F01.overview",{"title":365,"path":366,"stem":367},"Creating a Workflow","\u002Fworkflows\u002Fcreating","08.workflows\u002F02.creating",{"title":282,"path":369,"stem":370},"\u002Fworkflows\u002Feditor","08.workflows\u002F03.editor",{"title":372,"icon":373,"path":374,"stem":375,"children":376,"page":62},"Triggers","i-lucide-zap","\u002Fworkflows\u002Ftriggers","08.workflows\u002F04.triggers",[377,381,385,389],{"title":378,"path":379,"stem":380},"Manual","\u002Fworkflows\u002Ftriggers\u002Fmanual","08.workflows\u002F04.triggers\u002F01.manual",{"title":382,"path":383,"stem":384},"Database Event","\u002Fworkflows\u002Ftriggers\u002Fdatabase-event","08.workflows\u002F04.triggers\u002F02.database-event",{"title":386,"path":387,"stem":388},"Schedule","\u002Fworkflows\u002Ftriggers\u002Fschedule","08.workflows\u002F04.triggers\u002F03.schedule",{"title":390,"path":391,"stem":392},"Webhook","\u002Fworkflows\u002Ftriggers\u002Fwebhook","08.workflows\u002F04.triggers\u002F04.webhook",{"title":394,"icon":357,"path":395,"stem":396,"children":397,"page":62},"Steps","\u002Fworkflows\u002Fsteps","08.workflows\u002F05.steps",[398,401,405,408,412,416,420,424,428],{"title":193,"path":399,"stem":400},"\u002Fworkflows\u002Fsteps\u002Fdata","08.workflows\u002F05.steps\u002F01.data",{"title":402,"path":403,"stem":404},"Control","\u002Fworkflows\u002Fsteps\u002Fcontrol","08.workflows\u002F05.steps\u002F02.control",{"title":262,"path":406,"stem":407},"\u002Fworkflows\u002Fsteps\u002Fcode","08.workflows\u002F05.steps\u002F03.code",{"title":409,"path":410,"stem":411},"Integration","\u002Fworkflows\u002Fsteps\u002Fintegration","08.workflows\u002F05.steps\u002F04.integration",{"title":413,"path":414,"stem":415},"Communication","\u002Fworkflows\u002Fsteps\u002Fcommunication","08.workflows\u002F05.steps\u002F05.communication",{"title":417,"path":418,"stem":419},"Files","\u002Fworkflows\u002Fsteps\u002Ffiles","08.workflows\u002F05.steps\u002F06.files",{"title":421,"path":422,"stem":423},"Documents","\u002Fworkflows\u002Fsteps\u002Fdocuments","08.workflows\u002F05.steps\u002F07.documents",{"title":425,"path":426,"stem":427},"Composition","\u002Fworkflows\u002Fsteps\u002Fcomposition","08.workflows\u002F05.steps\u002F08.composition",{"title":429,"path":430,"stem":431},"Values","\u002Fworkflows\u002Fsteps\u002Fvalues","08.workflows\u002F05.steps\u002F09.values",{"title":172,"icon":184,"path":433,"stem":434,"children":435,"page":62},"\u002Fworkflows\u002Fsettings","08.workflows\u002F06.settings",[436,439,443,446,449],{"title":189,"path":437,"stem":438},"\u002Fworkflows\u002Fsettings\u002Fgeneral","08.workflows\u002F06.settings\u002F01.general",{"title":440,"path":441,"stem":442},"Trigger","\u002Fworkflows\u002Fsettings\u002Ftrigger","08.workflows\u002F06.settings\u002F02.trigger",{"title":207,"path":444,"stem":445},"\u002Fworkflows\u002Fsettings\u002Fsecurity","08.workflows\u002F06.settings\u002F03.security",{"title":211,"path":447,"stem":448},"\u002Fworkflows\u002Fsettings\u002Fversions","08.workflows\u002F06.settings\u002F04.versions",{"title":450,"path":451,"stem":452},"Runs","\u002Fworkflows\u002Fsettings\u002Fruns","08.workflows\u002F06.settings\u002F05.runs",{"title":417,"icon":454,"path":455,"stem":456,"children":457,"page":62},"i-lucide-files","\u002Ffiles","09.files",[458,461,465,469,473,477,481],{"title":118,"path":459,"stem":460},"\u002Ffiles\u002Foverview","09.files\u002F01.overview",{"title":462,"path":463,"stem":464},"Uploading","\u002Ffiles\u002Fuploading","09.files\u002F02.uploading",{"title":466,"path":467,"stem":468},"File Details","\u002Ffiles\u002Ffile-details","09.files\u002F03.file-details",{"title":470,"path":471,"stem":472},"Editing Files","\u002Ffiles\u002Fediting-files","09.files\u002F04.editing-files",{"title":474,"path":475,"stem":476},"Using Files in Tables","\u002Ffiles\u002Fusing-files-in-tables","09.files\u002F05.using-files-in-tables",{"title":478,"path":479,"stem":480},"Image Transformations","\u002Ffiles\u002Fimage-transformations","09.files\u002F06.image-transformations",{"title":482,"path":483,"stem":484},"Who Can See a File","\u002Ffiles\u002Fwho-can-see-a-file","09.files\u002F07.who-can-see-a-file",{"title":486,"icon":487,"path":488,"stem":489,"children":490,"page":62},"Templates","i-lucide-file-text","\u002Ftemplates","10.templates",[491,494,498,502],{"title":118,"path":492,"stem":493},"\u002Ftemplates\u002Foverview","10.templates\u002F01.overview",{"title":495,"path":496,"stem":497},"Emails","\u002Ftemplates\u002Femails","10.templates\u002F02.emails",{"title":499,"path":500,"stem":501},"PDF","\u002Ftemplates\u002Fpdf","10.templates\u002F03.pdf",{"title":503,"path":504,"stem":505},"System Emails","\u002Ftemplates\u002Fsystem-emails","10.templates\u002F04.system-emails",{"title":507,"icon":508,"path":509,"stem":510,"children":511,"page":62},"Users","i-lucide-users","\u002Fusers","11.users",[512,516,520,524,528],{"title":513,"path":514,"stem":515},"Managing Users","\u002Fusers\u002Fmanaging-users","11.users\u002F01.managing-users",{"title":517,"path":518,"stem":519},"A User's Page","\u002Fusers\u002Fa-users-page","11.users\u002F02.a-users-page",{"title":521,"path":522,"stem":523},"API Tokens","\u002Fusers\u002Fapi-tokens","11.users\u002F03.api-tokens",{"title":525,"path":526,"stem":527},"Sessions","\u002Fusers\u002Fsessions","11.users\u002F04.sessions",{"title":529,"icon":530,"path":531,"stem":532,"children":533,"page":62},"Insights","i-lucide-chart-line","\u002Fusers\u002Finsights","11.users\u002F05.insights",[534,538],{"title":535,"path":536,"stem":537},"Sign-ins","\u002Fusers\u002Finsights\u002Fsign-ins","11.users\u002F05.insights\u002F01.sign-ins",{"title":539,"path":540,"stem":541},"Activity","\u002Fusers\u002Finsights\u002Factivity","11.users\u002F05.insights\u002F02.activity",{"title":543,"icon":544,"path":545,"stem":546,"children":547,"page":62},"Roles","i-lucide-shield-check","\u002Froles","12.roles",[548,552,556,560,564,568,572],{"title":549,"path":550,"stem":551},"Creating a Role","\u002Froles\u002Fcreating-a-role","12.roles\u002F01.creating-a-role",{"title":553,"path":554,"stem":555},"Granting Permissions","\u002Froles\u002Fgranting-permissions","12.roles\u002F02.granting-permissions",{"title":557,"path":558,"stem":559},"Row Filters","\u002Froles\u002Frow-filters","12.roles\u002F03.row-filters",{"title":561,"path":562,"stem":563},"Payload Checks","\u002Froles\u002Fpayload-checks","12.roles\u002F04.payload-checks",{"title":565,"path":566,"stem":567},"Members","\u002Froles\u002Fmembers","12.roles\u002F05.members",{"title":569,"path":570,"stem":571},"Access Reviews","\u002Froles\u002Faccess-reviews","12.roles\u002F06.access-reviews",{"title":573,"path":574,"stem":575},"Delegated Administration","\u002Froles\u002Fdelegated-administration","12.roles\u002F07.delegated-administration",{"title":577,"icon":578,"path":579,"stem":580,"children":581,"page":62},"Logs","i-lucide-scroll-text","\u002Flogs","13.logs",[582,586,590],{"title":583,"path":584,"stem":585},"Audit Log","\u002Flogs\u002Faudit-log","13.logs\u002F01.audit-log",{"title":587,"path":588,"stem":589},"An Entry","\u002Flogs\u002Fan-entry","13.logs\u002F02.an-entry",{"title":591,"path":592,"stem":593},"Where Else It Shows","\u002Flogs\u002Fwhere-else-it-shows","13.logs\u002F03.where-else-it-shows",{"title":595,"icon":596,"path":597,"stem":598,"children":599,"page":62},"Data API","i-lucide-braces","\u002Fdata-api","14.data-api",[600,603,607,611,615,619,623,627,631,635,639,643],{"title":118,"path":601,"stem":602},"\u002Fdata-api\u002Foverview","14.data-api\u002F01.overview",{"title":604,"path":605,"stem":606},"Authentication","\u002Fdata-api\u002Fauthentication","14.data-api\u002F02.authentication",{"title":608,"path":609,"stem":610},"Reading","\u002Fdata-api\u002Freading","14.data-api\u002F03.reading",{"title":612,"path":613,"stem":614},"Filtering","\u002Fdata-api\u002Ffiltering","14.data-api\u002F04.filtering",{"title":616,"path":617,"stem":618},"Aggregating","\u002Fdata-api\u002Faggregating","14.data-api\u002F05.aggregating",{"title":620,"path":621,"stem":622},"Writing","\u002Fdata-api\u002Fwriting","14.data-api\u002F06.writing",{"title":624,"path":625,"stem":626},"Nested Writes","\u002Fdata-api\u002Fnested-writes","14.data-api\u002F07.nested-writes",{"title":628,"path":629,"stem":630},"Transactions","\u002Fdata-api\u002Ftransactions","14.data-api\u002F08.transactions",{"title":632,"path":633,"stem":634},"Calling Functions","\u002Fdata-api\u002Fcalling-functions","14.data-api\u002F09.calling-functions",{"title":636,"path":637,"stem":638},"OpenAPI","\u002Fdata-api\u002Fopenapi","14.data-api\u002F10.openapi",{"title":640,"path":641,"stem":642},"Routes","\u002Fdata-api\u002Froutes","14.data-api\u002F11.routes",{"title":644,"path":645,"stem":646},"A client, end to end","\u002Fdata-api\u002Fa-client","14.data-api\u002F12.a-client",{"title":172,"icon":648,"path":649,"stem":650,"children":651,"page":62},"i-lucide-settings","\u002Fsettings","15.settings",[652,655,659,662,665],{"title":189,"path":653,"stem":654},"\u002Fsettings\u002Fgeneral","15.settings\u002F01.general",{"title":656,"path":657,"stem":658},"Access","\u002Fsettings\u002Faccess","15.settings\u002F02.access",{"title":207,"path":660,"stem":661},"\u002Fsettings\u002Fsecurity","15.settings\u002F03.security",{"title":595,"path":663,"stem":664},"\u002Fsettings\u002Fdata-api","15.settings\u002F04.data-api",{"title":666,"path":667,"stem":668},"Features","\u002Fsettings\u002Ffeatures","15.settings\u002F05.features",{"title":670,"icon":671,"path":672,"stem":673,"children":674,"page":62},"User Profile","i-lucide-circle-user","\u002Fuser-profile","16.user-profile",[675,679,682,686,690],{"title":676,"path":677,"stem":678},"My Account","\u002Fuser-profile\u002Fmy-account","16.user-profile\u002F01.my-account",{"title":525,"path":680,"stem":681},"\u002Fuser-profile\u002Fsessions","16.user-profile\u002F02.sessions",{"title":683,"path":684,"stem":685},"Tokens","\u002Fuser-profile\u002Ftokens","16.user-profile\u002F03.tokens",{"title":687,"path":688,"stem":689},"Preferences","\u002Fuser-profile\u002Fpreferences","16.user-profile\u002F04.preferences",{"title":539,"path":691,"stem":692},"\u002Fuser-profile\u002Factivity","16.user-profile\u002F05.activity",{"title":694,"icon":695,"path":696,"stem":697,"children":698,"page":62},"AI Agents","i-lucide-bot","\u002Fai-agents","17.ai-agents",[699,702,705,709,713,717],{"title":118,"path":700,"stem":701},"\u002Fai-agents\u002Foverview","17.ai-agents\u002F01.overview",{"title":683,"path":703,"stem":704},"\u002Fai-agents\u002Ftokens","17.ai-agents\u002F02.tokens",{"title":706,"path":707,"stem":708},"MCP Server","\u002Fai-agents\u002Fmcp-server","17.ai-agents\u002F03.mcp-server",{"title":710,"path":711,"stem":712},"Recipes","\u002Fai-agents\u002Frecipes","17.ai-agents\u002F04.recipes",{"title":714,"path":715,"stem":716},"Tools","\u002Fai-agents\u002Ftools","17.ai-agents\u002F05.tools",{"title":718,"path":719,"stem":720},"llms.txt","\u002Fai-agents\u002Fllms-txt","17.ai-agents\u002F06.llms-txt",{"title":722,"icon":723,"path":724,"stem":725,"children":726,"page":62},"Operations","i-lucide-server","\u002Foperations","18.operations",[727,731,735,739,743],{"title":728,"path":729,"stem":730},"Deployment","\u002Foperations\u002Fdeployment","18.operations\u002F01.deployment",{"title":732,"path":733,"stem":734},"PostgreSQL","\u002Foperations\u002Fpostgresql","18.operations\u002F02.postgresql",{"title":736,"path":737,"stem":738},"Public URL, Proxy and CORS","\u002Foperations\u002Fpublic-url-proxy-cors","18.operations\u002F03.public-url-proxy-cors",{"title":740,"path":741,"stem":742},"Backup and Restore","\u002Foperations\u002Fbackup-restore","18.operations\u002F04.backup-restore",{"title":744,"path":745,"stem":746},"Upgrading","\u002Foperations\u002Fupgrading","18.operations\u002F05.upgrading",{"title":748,"icon":749,"path":750,"stem":751,"children":752,"page":62},"Reference","i-lucide-library","\u002Freference","19.reference",[753,757,761,765,769],{"title":754,"path":755,"stem":756},"Query Language","\u002Freference\u002Fquery-language","19.reference\u002F01.query-language",{"title":758,"path":759,"stem":760},"Errors","\u002Freference\u002Ferrors","19.reference\u002F02.errors",{"title":762,"path":763,"stem":764},"Admin API","\u002Freference\u002Fadmin-api","19.reference\u002F03.admin-api",{"title":766,"path":767,"stem":768},"Authentication API","\u002Freference\u002Fauth-api","19.reference\u002F04.auth-api",{"title":770,"path":771,"stem":772},"Environment Variables","\u002Freference\u002Fenvironment","19.reference\u002F05.environment",{"id":774,"title":224,"admin":775,"body":776,"description":2327,"extension":2328,"links":2329,"meta":2330,"navigation":2331,"path":229,"seo":2332,"stem":230,"__hash__":2333},"docs\u002F06.dataviews\u002F06.design-form\u002F02.widgets\u002F01.overview.md","Design form › Widgets",{"type":777,"value":778,"toc":2317},"minimark",[779,796,820,825,828,901,917,924,928,935,972,976,1058,1062,2301,2305],[780,781,782,783,787,788,795],"p",{},"A ",[784,785,786],"strong",{},"widget"," is anything you can place on a page: an input, a table, a heading, a card, a map, a signature pad. The palette is the widget catalog: what's in it can be placed, and nothing else can. Most widgets are ",[789,790,794],"a",{"href":791,"rel":792},"https:\u002F\u002Fui.nuxt.com",[793],"nofollow","Nuxt UI"," components under their own names and with Nuxt UI's look; a few are TotalBase's own, such as the Scanner or the Signature.",[780,797,798,799,801,802,801,804,801,806,801,808,801,810,812,813,815,816,819],{},"Each group has its page, with what each widget is for and its whole reference: ",[789,800,164],{"href":232},", ",[789,803,235],{"href":236},[789,805,239],{"href":240},[789,807,243],{"href":244},[789,809,247],{"href":248},[789,811,251],{"href":252}," and ",[789,814,203],{"href":255},". Dashboards have their own widgets, in ",[789,817,818],{"href":291},"Dashboards › Widgets",".",[821,822,824],"h2",{"id":823},"how-a-widget-works","How a widget works",[780,826,827],{},"Every widget follows the same model, Nuxt UI's own:",[829,830,831,843],"table",{},[832,833,834],"thead",{},[835,836,837,841],"tr",{},[838,839,840],"th",{},"Part",[838,842],{},[844,845,846,868,878,891],"tbody",{},[835,847,848,854],{},[849,850,851],"td",{},[784,852,853],{},"Props",[849,855,856,857,860,861,867],{},"Its configuration, in the inspector. A prop can be fixed, ",[784,858,859],{},"bound to a variable"," (an input's value, a table's rows) or ",[784,862,863,864],{},"computed by a ",[789,865,866],{"href":267},"formula"," (a label, a color, whether it's visible or disabled)",[835,869,870,875],{},[849,871,872],{},[784,873,874],{},"Slots",[849,876,877],{},"Areas that hold other widgets: a Card's header, body and footer; each tab's content",[835,879,880,885],{},[849,881,882],{},[784,883,884],{},"Events",[849,886,887,888,890],{},"What it emits, each wired to a function of the page's ",[789,889,262],{"href":263},": a Button's click, an input's change",[835,892,893,898],{},[849,894,895],{},[784,896,897],{},"Methods",[849,899,900],{},"What Code can ask of it: open a modal, focus an input, clear a signature",[780,902,903,904,907,908,912,913,916],{},"Give a widget a ",[784,905,906],{},"Name"," to reach it: a formula reads ",[909,910,911],"code",{},"{{controls.selectCustomer.value}}",", and Code calls ",[909,914,915],{},"dataview.controls.modalSign.open()",". Keep names unique on the page.",[780,918,919,920,923],{},"Widgets never know tables, functions or workflows. They show and change ",[789,921,922],{"href":259},"variables",", and the page's code connects them.",[821,925,927],{"id":926},"visible-and-the-rest-every-widget-has","Visible, and the rest every widget has",[780,929,930,931,934],{},"Every widget also has, under ",[784,932,933],{},"Advanced",":",[936,937,938,949,966],"ul",{},[939,940,941,944,945,948],"li",{},[784,942,943],{},"Visible",": a formula. A hidden widget takes no space and leaves the page. ",[784,946,947],{},"Hidden, still active"," keeps it on the page unseen, such as a Scanner listening to the whole page.",[939,950,951,954,955,958,959,812,962,965],{},[784,952,953],{},"CSS classes",": Tailwind classes of its own. ",[909,956,957],{},"max-sm:h-auto!"," lets a fixed-height widget grow with its content on a phone; for a Splitter, add ",[909,960,961],{},"max-sm:[&_[data-panel]]:flex-none!",[909,963,964],{},"max-sm:[&_[data-panel]]:h-auto!"," so its panels do too.",[939,967,968,971],{},[784,969,970],{},"Read only",", for inputs: shown, never changed.",[821,973,975],{"id":974},"how-to-read-a-reference","How to read a reference",[936,977,978,997,1007,1034],{},[939,979,980,981,984,985,988,989,992,993,996],{},"The code name (",[909,982,983],{},"USelectMenu",") is what the MCP tools and the Admin API take. ",[909,986,987],{},"U"," names are ",[789,990,794],{"href":791,"rel":991},[793]," components, with Nuxt UI's own prop names and look; ",[909,994,995],{},"T"," names are TotalBase's own.",[939,998,999,1002,1003,1006],{},[784,1000,1001],{},"Edits"," lists the column kinds an input can edit; ",[784,1004,1005],{},"A form field's input"," means it can go inside a Form field.",[939,1008,1009,1012,1013,1016,1017,801,1019,1022,1023,1016,1026,1029,1030,1033],{},[784,1010,1011],{},"Takes"," says what a prop can be bound to besides a fixed value: ",[784,1014,1015],{},"ƒ"," a ",[789,1018,866],{"href":267},[784,1020,1021],{},"a Value"," or ",[784,1024,1025],{},"a Resource",[789,1027,1028],{"href":259},"variable"," of that kind, ",[784,1031,1032],{},"per option"," a field or a formula per option.",[939,1035,1036,1037,1043,1044,1047,1048,1051,1052,1055,1056,819],{},"The JSON examples are configurations as ",[789,1038,1040],{"href":1039},"\u002Fai-agents\u002Ftools#dataviews-and-pages",[909,1041,1042],{},"add_page_widgets"," takes them: ",[909,1045,1046],{},"props"," fixed, ",[909,1049,1050],{},"bindings"," bound, ",[909,1053,1054],{},"emits"," wired to functions of the page's ",[789,1057,262],{"href":263},[821,1059,1061],{"id":1060},"every-widget","Every widget",[829,1063,1064,1081],{},[832,1065,1066],{},[835,1067,1068,1071,1073,1076,1079],{},[838,1069,1070],{},"Widget",[838,1072,262],{},[838,1074,1075],{},"Group",[838,1077,1078],{},"For",[838,1080,1001],{},[844,1082,1083,1102,1122,1143,1164,1185,1206,1227,1248,1268,1289,1308,1329,1349,1370,1390,1410,1430,1450,1470,1491,1511,1531,1551,1571,1591,1611,1632,1652,1673,1698,1718,1738,1758,1782,1801,1821,1841,1861,1881,1901,1921,1941,1961,1981,2001,2021,2041,2061,2081,2101,2121,2141,2161,2181,2201,2221,2241,2261,2281],{},[835,1084,1085,1090,1095,1097,1100],{},[849,1086,1087],{},[789,1088,164],{"href":1089},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fform#form",[849,1091,1092],{},[909,1093,1094],{},"UForm",[849,1096,164],{},[849,1098,1099],{},"Groups fields: checks the required ones and emits submit with { data } - the fields' values by name.",[849,1101],{},[835,1103,1104,1110,1115,1117,1120],{},[849,1105,1106],{},[789,1107,1109],{"href":1108},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fform#form-field","Form field",[849,1111,1112],{},[909,1113,1114],{},"UFormField",[849,1116,164],{},[849,1118,1119],{},"A labelled field around one input: label, help, required.",[849,1121],{},[835,1123,1124,1130,1135,1137,1140],{},[849,1125,1126],{},[789,1127,1129],{"href":1128},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#input","Input",[849,1131,1132],{},[909,1133,1134],{},"UInput",[849,1136,235],{},[849,1138,1139],{},"A single-line text field.",[849,1141,1142],{},"text, number, date, time, timestamp",[835,1144,1145,1151,1156,1158,1161],{},[849,1146,1147],{},[789,1148,1150],{"href":1149},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#textarea","Textarea",[849,1152,1153],{},[909,1154,1155],{},"UTextarea",[849,1157,235],{},[849,1159,1160],{},"Multi-line text.",[849,1162,1163],{},"text, JSON",[835,1165,1166,1172,1177,1179,1182],{},[849,1167,1168],{},[789,1169,1171],{"href":1170},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#number","Number",[849,1173,1174],{},[909,1175,1176],{},"UInputNumber",[849,1178,235],{},[849,1180,1181],{},"A number, with increment and decrement buttons.",[849,1183,1184],{},"number",[835,1186,1187,1193,1198,1200,1203],{},[849,1188,1189],{},[789,1190,1192],{"href":1191},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#date","Date",[849,1194,1195],{},[909,1196,1197],{},"UInputDate",[849,1199,235],{},[849,1201,1202],{},"A date, a date and time, or a date range.",[849,1204,1205],{},"date, timestamp, date range",[835,1207,1208,1214,1219,1221,1224],{},[849,1209,1210],{},[789,1211,1213],{"href":1212},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#time","Time",[849,1215,1216],{},[909,1217,1218],{},"UInputTime",[849,1220,235],{},[849,1222,1223],{},"A time of day, or a time range.",[849,1225,1226],{},"time, time range",[835,1228,1229,1235,1240,1242,1245],{},[849,1230,1231],{},[789,1232,1234],{"href":1233},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#switch","Switch",[849,1236,1237],{},[909,1238,1239],{},"USwitch",[849,1241,235],{},[849,1243,1244],{},"An on\u002Foff value.",[849,1246,1247],{},"boolean",[835,1249,1250,1256,1261,1263,1266],{},[849,1251,1252],{},[789,1253,1255],{"href":1254},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#checkbox","Checkbox",[849,1257,1258],{},[909,1259,1260],{},"UCheckbox",[849,1262,235],{},[849,1264,1265],{},"A yes\u002Fno value.",[849,1267,1247],{},[835,1269,1270,1276,1281,1283,1286],{},[849,1271,1272],{},[789,1273,1275],{"href":1274},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#select","Select",[849,1277,1278],{},[909,1279,1280],{},"USelect",[849,1282,235],{},[849,1284,1285],{},"Pick from a short list - no search.",[849,1287,1288],{},"text, foreign key",[835,1290,1291,1297,1301,1303,1306],{},[849,1292,1293],{},[789,1294,1296],{"href":1295},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#select-menu","Select menu",[849,1298,1299],{},[909,1300,983],{},[849,1302,235],{},[849,1304,1305],{},"Pick from a list, with search.",[849,1307,1288],{},[835,1309,1310,1316,1321,1323,1326],{},[849,1311,1312],{},[789,1313,1315],{"href":1314},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#autocomplete","Autocomplete",[849,1317,1318],{},[909,1319,1320],{},"UInputMenu",[849,1322,235],{},[849,1324,1325],{},"Type to find an option.",[849,1327,1328],{},"text",[835,1330,1331,1337,1342,1344,1347],{},[849,1332,1333],{},[789,1334,1336],{"href":1335},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#radio-group","Radio group",[849,1338,1339],{},[909,1340,1341],{},"URadioGroup",[849,1343,235],{},[849,1345,1346],{},"Pick one of a few options, all visible.",[849,1348,1328],{},[835,1350,1351,1357,1362,1364,1367],{},[849,1352,1353],{},[789,1354,1356],{"href":1355},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#tags","Tags",[849,1358,1359],{},[909,1360,1361],{},"UInputTags",[849,1363,235],{},[849,1365,1366],{},"A free-form list of short text values.",[849,1368,1369],{},"array",[835,1371,1372,1378,1383,1385,1388],{},[849,1373,1374],{},[789,1375,1377],{"href":1376},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#checkbox-group","Checkbox group",[849,1379,1380],{},[909,1381,1382],{},"UCheckboxGroup",[849,1384,235],{},[849,1386,1387],{},"Pick any number of options, all visible.",[849,1389,1369],{},[835,1391,1392,1398,1403,1405,1408],{},[849,1393,1394],{},[789,1395,1397],{"href":1396},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#listbox","Listbox",[849,1399,1400],{},[909,1401,1402],{},"UListbox",[849,1404,235],{},[849,1406,1407],{},"A visible, filterable list to pick from.",[849,1409,1328],{},[835,1411,1412,1418,1423,1425,1428],{},[849,1413,1414],{},[789,1415,1417],{"href":1416},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#pin-input","PIN input",[849,1419,1420],{},[909,1421,1422],{},"UPinInput",[849,1424,235],{},[849,1426,1427],{},"A short code with a fixed number of characters.",[849,1429,1328],{},[835,1431,1432,1438,1443,1445,1448],{},[849,1433,1434],{},[789,1435,1437],{"href":1436},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#slider","Slider",[849,1439,1440],{},[909,1441,1442],{},"USlider",[849,1444,235],{},[849,1446,1447],{},"A number picked along a bounded range.",[849,1449,1184],{},[835,1451,1452,1458,1463,1465,1468],{},[849,1453,1454],{},[789,1455,1457],{"href":1456},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#rating","Rating",[849,1459,1460],{},[909,1461,1462],{},"UInputRating",[849,1464,235],{},[849,1466,1467],{},"A star rating out of a fixed maximum.",[849,1469,1184],{},[835,1471,1472,1478,1483,1485,1488],{},[849,1473,1474],{},[789,1475,1477],{"href":1476},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#file-upload","File upload",[849,1479,1480],{},[909,1481,1482],{},"UFileUpload",[849,1484,235],{},[849,1486,1487],{},"A single uploaded file or image.",[849,1489,1490],{},"file",[835,1492,1493,1499,1504,1506,1509],{},[849,1494,1495],{},[789,1496,1498],{"href":1497},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#scanner","Scanner",[849,1500,1501],{},[909,1502,1503],{},"TScanner",[849,1505,235],{},[849,1507,1508],{},"Reads a QR code, a PDF417 (a DNI) or a barcode - with the device's camera or a USB reader in keyboard mode - and emits what it read.",[849,1510,1328],{},[835,1512,1513,1519,1524,1526,1529],{},[849,1514,1515],{},[789,1516,1518],{"href":1517},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#camera","Camera",[849,1520,1521],{},[909,1522,1523],{},"TCamera",[849,1525,235],{},[849,1527,1528],{},"Takes a photo with the device's camera, crops and compresses it, and stores it as a file - for a file column, like a person's photo.",[849,1530,1490],{},[835,1532,1533,1539,1544,1546,1549],{},[849,1534,1535],{},[789,1536,1538],{"href":1537},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#signature","Signature",[849,1540,1541],{},[909,1542,1543],{},"TSignature",[849,1545,235],{},[849,1547,1548],{},"A pad to sign on with a finger or the mouse - stored as a PNG file, its value the file's id, like a Camera's. Clear starts over; a few ink colors. In a modal behind a button, with the signature shown on the page by a read-only Signature or Camera on the same column.",[849,1550,1490],{},[835,1552,1553,1559,1564,1566,1569],{},[849,1554,1555],{},[789,1556,1558],{"href":1557},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#rich-text","Rich text",[849,1560,1561],{},[909,1562,1563],{},"UEditor",[849,1565,235],{},[849,1567,1568],{},"A rich text editor - Markdown, HTML or JSON content.",[849,1570,1163],{},[835,1572,1573,1579,1584,1586,1589],{},[849,1574,1575],{},[789,1576,1578],{"href":1577},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#json","JSON",[849,1580,1581],{},[909,1582,1583],{},"TJson",[849,1585,235],{},[849,1587,1588],{},"Structured data, edited as a tree.",[849,1590,1578],{},[835,1592,1593,1599,1604,1606,1609],{},[849,1594,1595],{},[789,1596,1598],{"href":1597},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#color","Color",[849,1600,1601],{},[909,1602,1603],{},"TColorSelect",[849,1605,235],{},[849,1607,1608],{},"A palette color or any hex color.",[849,1610,1328],{},[835,1612,1613,1619,1624,1626,1629],{},[849,1614,1615],{},[789,1616,1618],{"href":1617},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#map-leaflet","Map (Leaflet)",[849,1620,1621],{},[909,1622,1623],{},"TLeafletMap",[849,1625,235],{},[849,1627,1628],{},"A point picked on an OpenStreetMap map - or the device's own position, with My location.",[849,1630,1631],{},"point",[835,1633,1634,1640,1645,1647,1650],{},[849,1635,1636],{},[789,1637,1639],{"href":1638},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#location","Location",[849,1641,1642],{},[909,1643,1644],{},"TGeolocation",[849,1646,235],{},[849,1648,1649],{},"The device's position into a point column, no map - a button, the coordinates once captured. Auto takes it when the field opens empty: where a reading was taken.",[849,1651,1631],{},[835,1653,1654,1660,1665,1667,1670],{},[849,1655,1656],{},[789,1657,1659],{"href":1658},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Finputs#range","Range",[849,1661,1662],{},[909,1663,1664],{},"TRangeInput",[849,1666,235],{},[849,1668,1669],{},"A PostgreSQL range - from and to, with the date or number inputs its type takes; empty, no value.",[849,1671,1672],{},"range",[835,1674,1675,1681,1686,1688,1696],{},[849,1676,1677],{},[789,1678,1680],{"href":1679},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#image","Image",[849,1682,1683],{},[909,1684,1685],{},"TImage",[849,1687,239],{},[849,1689,1690,1691,1695],{},"An image - one uploaded here, a file of the record (",[1692,1693],"binding",{"value":1694},"vars.record.data.foto",") or a URL; with its caption, an icon or a text when there's none, and Clicked to use it as a button.",[849,1697],{},[835,1699,1700,1706,1711,1713,1716],{},[849,1701,1702],{},[789,1703,1705],{"href":1704},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#heading","Heading",[849,1707,1708],{},[909,1709,1710],{},"THeading",[849,1712,239],{},[849,1714,1715],{},"A section title.",[849,1717],{},[835,1719,1720,1726,1731,1733,1736],{},[849,1721,1722],{},[789,1723,1725],{"href":1724},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#text","Text",[849,1727,1728],{},[909,1729,1730],{},"TText",[849,1732,239],{},[849,1734,1735],{},"A paragraph - its content can be a formula.",[849,1737],{},[835,1739,1740,1746,1751,1753,1756],{},[849,1741,1742],{},[789,1743,1745],{"href":1744},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#qr-code","QR code",[849,1747,1748],{},[909,1749,1750],{},"TQrCode",[849,1752,239],{},[849,1754,1755],{},"A QR code of a value - drawn in the browser, never sent anywhere: a device's pairing code, a link. Empty, it says so instead of an unreadable code.",[849,1757],{},[835,1759,1760,1766,1771,1773,1780],{},[849,1761,1762],{},[789,1763,1765],{"href":1764},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#result","Result",[849,1767,1768],{},[909,1769,1770],{},"TResult",[849,1772,239],{},[849,1774,1775,1776],{},"A large panel for an outcome at a glance - a color, an icon, a title and a description, with a tone and a vibration - shown by the page's Code with dataview.controls.",[1777,1778,1779],"name",{},".show({ color, icon, title, description, sound, resetAfter }); it goes back to its waiting state on its own after Reset after seconds. A kiosk's answer to a scan.",[849,1781],{},[835,1783,1784,1789,1794,1796,1799],{},[849,1785,1786],{},[789,1787,136],{"href":1788},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#table",[849,1790,1791],{},[909,1792,1793],{},"UTable",[849,1795,239],{},[849,1797,1798],{},"Rows of a Resource - its columns are the Resource's fields.",[849,1800],{},[835,1802,1803,1809,1814,1816,1819],{},[849,1804,1805],{},[789,1806,1808],{"href":1807},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#badge","Badge",[849,1810,1811],{},[909,1812,1813],{},"UBadge",[849,1815,239],{},[849,1817,1818],{},"A short label.",[849,1820],{},[835,1822,1823,1829,1834,1836,1839],{},[849,1824,1825],{},[789,1826,1828],{"href":1827},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#alert","Alert",[849,1830,1831],{},[909,1832,1833],{},"UAlert",[849,1835,239],{},[849,1837,1838],{},"A message with a title and a description.",[849,1840],{},[835,1842,1843,1849,1854,1856,1859],{},[849,1844,1845],{},[789,1846,1848],{"href":1847},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#separator","Separator",[849,1850,1851],{},[909,1852,1853],{},"USeparator",[849,1855,239],{},[849,1857,1858],{},"A rule between sections, with an optional label.",[849,1860],{},[835,1862,1863,1869,1874,1876,1879],{},[849,1864,1865],{},[789,1866,1868],{"href":1867},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#progress","Progress",[849,1870,1871],{},[909,1872,1873],{},"UProgress",[849,1875,239],{},[849,1877,1878],{},"A progress bar.",[849,1880],{},[835,1882,1883,1889,1894,1896,1899],{},[849,1884,1885],{},[789,1886,1888],{"href":1887},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#avatar","Avatar",[849,1890,1891],{},[909,1892,1893],{},"UAvatar",[849,1895,239],{},[849,1897,1898],{},"An image, initials or an icon in a circle.",[849,1900],{},[835,1902,1903,1909,1914,1916,1919],{},[849,1904,1905],{},[789,1906,1908],{"href":1907},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#user","User",[849,1910,1911],{},[909,1912,1913],{},"UUser",[849,1915,239],{},[849,1917,1918],{},"A name and a description beside an avatar.",[849,1920],{},[835,1922,1923,1929,1934,1936,1939],{},[849,1924,1925],{},[789,1926,1928],{"href":1927},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#empty-state","Empty state",[849,1930,1931],{},[909,1932,1933],{},"UEmpty",[849,1935,239],{},[849,1937,1938],{},"An icon, a title and a description for \"nothing here yet\".",[849,1940],{},[835,1942,1943,1949,1954,1956,1959],{},[849,1944,1945],{},[789,1946,1948],{"href":1947},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fdisplay#icon","Icon",[849,1950,1951],{},[909,1952,1953],{},"UIcon",[849,1955,239],{},[849,1957,1958],{},"A single icon.",[849,1960],{},[835,1962,1963,1969,1974,1976,1979],{},[849,1964,1965],{},[789,1966,1968],{"href":1967},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fembeds#dataview","DataView",[849,1970,1971],{},[909,1972,1973],{},"TDataView",[849,1975,243],{},[849,1977,1978],{},"Another DataView inside the page - its grid, cards, map, board, calendar or timeline, its New and its record form. Linked by a column: the rows that belong to the page's record (an order's items, a person's history); without: every row its own filter allows.",[849,1980],{},[835,1982,1983,1989,1994,1996,1999],{},[849,1984,1985],{},[789,1986,1988],{"href":1987},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fembeds#dashboard","Dashboard",[849,1990,1991],{},[909,1992,1993],{},"TDashboard",[849,1995,243],{},[849,1997,1998],{},"A published Dashboard, its variables set from the page - a customer's own figures, for one.",[849,2000],{},[835,2002,2003,2009,2014,2016,2019],{},[849,2004,2005],{},[789,2006,2008],{"href":2007},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Fembeds#frame","Frame",[849,2010,2011],{},[909,2012,2013],{},"TFrame",[849,2015,243],{},[849,2017,2018],{},"Another site's page in a sandboxed frame - its URL may take values from the page, e.g. the record's tracking number.",[849,2020],{},[835,2022,2023,2029,2034,2036,2039],{},[849,2024,2025],{},[789,2026,2028],{"href":2027},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout#card","Card",[849,2030,2031],{},[909,2032,2033],{},"UCard",[849,2035,247],{},[849,2037,2038],{},"A framed section with a header and a footer.",[849,2040],{},[835,2042,2043,2049,2054,2056,2059],{},[849,2044,2045],{},[789,2046,2048],{"href":2047},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout#box","Box",[849,2050,2051],{},[909,2052,2053],{},"TBox",[849,2055,247],{},[849,2057,2058],{},"A plain area grouping widgets - no frame of its own: its look is its Style (padding, border, background, radius).",[849,2060],{},[835,2062,2063,2069,2074,2076,2079],{},[849,2064,2065],{},[789,2066,2068],{"href":2067},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout#tabs","Tabs",[849,2070,2071],{},[909,2072,2073],{},"UTabs",[849,2075,247],{},[849,2077,2078],{},"Sections one at a time, under a tab strip.",[849,2080],{},[835,2082,2083,2089,2094,2096,2099],{},[849,2084,2085],{},[789,2086,2088],{"href":2087},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout#accordion","Accordion",[849,2090,2091],{},[909,2092,2093],{},"UAccordion",[849,2095,247],{},[849,2097,2098],{},"Sections that expand one (or several) at a time.",[849,2100],{},[835,2102,2103,2109,2114,2116,2119],{},[849,2104,2105],{},[789,2106,2108],{"href":2107},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout#collapsible","Collapsible",[849,2110,2111],{},[909,2112,2113],{},"UCollapsible",[849,2115,247],{},[849,2117,2118],{},"A trigger that shows or hides its content.",[849,2120],{},[835,2122,2123,2129,2134,2136,2139],{},[849,2124,2125],{},[789,2126,2128],{"href":2127},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout#splitter","Splitter",[849,2130,2131],{},[909,2132,2133],{},"USplitter",[849,2135,247],{},[849,2137,2138],{},"Panels side by side, or one above the other - the viewer drags what's between them; each panel scrolls on its own.",[849,2140],{},[835,2142,2143,2149,2154,2156,2159],{},[849,2144,2145],{},[789,2146,2148],{"href":2147},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Flayout#scroll-area","Scroll area",[849,2150,2151],{},[909,2152,2153],{},"UScrollArea",[849,2155,247],{},[849,2157,2158],{},"A box with its own height that scrolls what it holds - its look from the Style tab.",[849,2160],{},[835,2162,2163,2169,2174,2176,2179],{},[849,2164,2165],{},[789,2166,2168],{"href":2167},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverlays#modal","Modal",[849,2170,2171],{},[909,2172,2173],{},"UModal",[849,2175,251],{},[849,2177,2178],{},"A dialog over the page.",[849,2180],{},[835,2182,2183,2189,2194,2196,2199],{},[849,2184,2185],{},[789,2186,2188],{"href":2187},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverlays#slideover","Slideover",[849,2190,2191],{},[909,2192,2193],{},"USlideover",[849,2195,251],{},[849,2197,2198],{},"A panel sliding in from an edge.",[849,2200],{},[835,2202,2203,2209,2214,2216,2219],{},[849,2204,2205],{},[789,2206,2208],{"href":2207},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverlays#drawer","Drawer",[849,2210,2211],{},[909,2212,2213],{},"TDrawer",[849,2215,251],{},[849,2217,2218],{},"A panel rising from the bottom - TotalBase's own drawer, for working on something with room.",[849,2220],{},[835,2222,2223,2229,2234,2236,2239],{},[849,2224,2225],{},[789,2226,2228],{"href":2227},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverlays#popover","Popover",[849,2230,2231],{},[909,2232,2233],{},"UPopover",[849,2235,251],{},[849,2237,2238],{},"A small panel anchored to its trigger.",[849,2240],{},[835,2242,2243,2249,2254,2256,2259],{},[849,2244,2245],{},[789,2246,2248],{"href":2247},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverlays#tooltip","Tooltip",[849,2250,2251],{},[909,2252,2253],{},"UTooltip",[849,2255,251],{},[849,2257,2258],{},"A hint shown over its content on hover.",[849,2260],{},[835,2262,2263,2269,2274,2276,2279],{},[849,2264,2265],{},[789,2266,2268],{"href":2267},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Foverlays#dropdown-menu","Dropdown menu",[849,2270,2271],{},[909,2272,2273],{},"UDropdownMenu",[849,2275,251],{},[849,2277,2278],{},"A menu of actions under its trigger - each item runs a Code function.",[849,2280],{},[835,2282,2283,2289,2294,2296,2299],{},[849,2284,2285],{},[789,2286,2288],{"href":2287},"\u002Fdataviews\u002Fdesign-form\u002Fwidgets\u002Factions#button","Button",[849,2290,2291],{},[909,2292,2293],{},"UButton",[849,2295,203],{},[849,2297,2298],{},"Runs a Code function on click.",[849,2300],{},[821,2302,2304],{"id":2303},"next-steps","Next steps",[936,2306,2307,2312],{},[939,2308,2309,2311],{},[789,2310,258],{"href":259},": what widgets show and change.",[939,2313,2314,2316],{},[789,2315,266],{"href":267},": props computed from the page.",{"title":2318,"searchDepth":2319,"depth":2320,"links":2321},"",1,2,[2322,2323,2324,2325,2326],{"id":823,"depth":2320,"text":824},{"id":926,"depth":2320,"text":927},{"id":974,"depth":2320,"text":975},{"id":1060,"depth":2320,"text":1061},{"id":2303,"depth":2320,"text":2304},"The widgets a page or a form is built from: how they work, and every one of them.","md",null,{},true,{"title":224,"description":2327},"VUteuJcK8e1cPrdUV-bx7ZOJ_OLIBtTOuhsDr7ry9YI",[2335,2337],{"title":118,"path":221,"stem":222,"description":2336,"children":-1},"The editor of record forms and custom pages: lay out fields and widgets, wire variables and code, preview on a phone.",{"title":164,"path":232,"stem":233,"description":2338,"children":-1},"A form and its fields: labels, help and validation around the inputs.",1792339969608]