t is not a function

[outline4]

Environment

All the latest versions.
Zero One theme.
All browsers.
Gemini API

Reproduction

It can generate, text, lists etc, but as soon as I hit a layout field it does not work. It just sais:
t is not a function

Describe the bug

this is the result:

Additional context

The zero one theme is rather complex.

Logs

[johannschopplich]

Hi there, as I don't own the Zero One Theme, could you please provide a minimum reproducible example of the layout and blocks configuration that breaks the fields generation?

For debugging, a reproducible example helps a lot. Thanks!

[outline4]

ok, so this is the page I've tried to get it to work:

title: zero.page.project
icon: globe


buttons:
- copilot
- preview
- settings
- languages
- status

status:
draft:
	label: zero.page.project.draft
	text: zero.page.project.draft.text
unlisted:
	label: zero.page.project.unlisted
	text: zero.page.project.unlisted.text
listed:
	label: zero.page.project.listed
	text: zero.page.project.listed.text

tabs:
# content tab
content:
	label: zero.page.project.content
	icon: text
	columns:
	- width: 2/3
		sections:
		# project meta details
		content:
			type: fields
			fields:
			# Project info
			projectSettings:
				label: zero.page.project.projectSettings
				type: headline
			projectInfo:
				label: zero.page.project.projectInfo
				type: structure
				help: zero.page.project.projectInfo.help
				max: 4
				fields:
				projectColumn:
					label: zero.page.project.projectColumn
					type: textarea
			# Tags
			tagsLabel:
				label: zero.page.project.tagsLabel
				type: text
				default: 'Tags:'
				placeholder: 'Tags:'
				width: 1/3
			tags:
				label: zero.page.project.tagsLabel.tags
				type: tags
				options:
				type: query
				query: page.siblings.pluck("tags", ",", true)
				width: 2/3
		# layout builder info
		layoutBuilderInfo:
			type: fields
			fields:
			layoutBuilderTopLine:
				type: line
			layoutBuilderHeadline:
				label: zero.page.project.layoutBuilderHeadline
				type: headline
				help: zero.page.project.layoutBuilderHeadline.help
			layoutBuilderTip:
				label: zero.page.layout.layoutBuilderTip
				type: info
				text: zero.page.layout.layoutBuilderTip.text
		# Layout Builder sections
		layoutBuilder:
			extends: sections/layout-builder

	- width: 1/3
		sections:
		coverimg:
			type: fields
			fields:
			coverHeadline:
				label: zero.page.project.coverHeadline
				type: headline
			cover:
				label: zero.page.project.coverimg.cover
				extends: fields/image
				multiple: false
				layout: cards
				size: full
				image:
				cover: true
				help: zero.page.project.coverimg.cover.help
		brandimg:
			type: fields
			fields:
			brandHeadline:
				label: zero.page.project.brandHeadline
				type: headline
			brand:
				label: zero.page.project.brand
				extends: fields/image
				multiple: false
				image:
				cover: true
			brandWidth:
				label: zero.page.project.brandWidth
				type: select
				placeholder: 1/4
				options:
				"uk-width-1-3": 1/3
				"uk-width-1-2": 1/2
				"uk-width-1-1": 1/1

# page options tab
pageoptions: tabs/page-options

# seo tab
seo: tabs/seo

# advanced tab
advanced: tabs/page-advanced

and here's the section for layout-builder

type: fields
fields:
layout:
	label: zero.sections.layout.builder.layout
	type: layout
	layouts:
	- "1/1"
	- "1/1, 1/1"
	- "1/1, 1/1, 1/1"
	- "1/1, 1/2, 1/2"
	- "1/1, 1/3, 1/3, 1/3"
	- "1/1, 2/3, 1/3"
	- "1/1, 1/3, 2/3"

	- "1/1, 1/4, 1/4, 1/4, 1/4"
	- "1/1, 3/4, 1/4"
	- "1/1, 1/4, 3/4"
	- "1/1, 1/2, 1/4, 1/4"
	- "1/1, 1/4, 1/4, 1/2"
	- "1/1, 1/4, 1/2, 1/4"
	- "1/1, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"

	- "1/1, 1/2, 1/6, 1/6, 1/6"
	- "1/1, 1/6, 1/6, 1/6, 1/2"
	- "1/1, 1/3, 1/6, 1/6, 1/6, 1/6"
	- "1/1, 1/6, 1/6, 1/6, 1/6, 1/3"
	- "1/1, 1/2, 1/2, 1/2, 1/2"
	- "1/1, 1/2, 1/2, 1/1"
	- "1/1, 1/3, 1/3, 1/3, 1/3, 1/3, 1/3"

	- "1/1, 1/3, 1/3, 1/3, 1/1"
	- "1/1, 1/2, 1/2, 1/3, 1/3, 1/3"
	- "1/1, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4"
	- "1/1, 1/4, 1/4, 1/4, 1/4, 1/1"
	- "1/1, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/1, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/1"
	- "1/1, 1/2, 1/2, 1/3, 1/3, 1/3, 1/4, 1/4, 1/4, 1/4"

	- "1/2, 1/2"
	- "1/2, 1/2, 1/2, 1/2"
	- "1/2, 1/2, 1/2, 1/2, 1/2, 1/2"
	- "1/2, 1/4, 1/4"
	- "1/4, 1/2, 1/4"
	- "1/4, 1/4, 1/2"
	- "1/2, 1/2, 1/1"

	- "1/2, 1/2, 1/1, 1/2, 1/2"
	- "1/2, 1/2, 1/3, 1/3, 1/3"
	- "1/2, 1/2, 1/4, 1/4, 1/4, 1/4"
	- "1/2, 1/2, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/2, 1/2, 1/3, 1/3, 1/3, 1/2, 1/2"
	- "1/2, 1/2, 1/4, 1/4, 1/4, 1/4, 1/2, 1/2"
	- "1/2, 1/2, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/2, 1/2"

	- "1/3, 1/3, 1/3"
	- "1/3, 1/3, 1/3, 1/3, 1/3, 1/3"
	- "1/3, 1/3, 1/3, 1/3, 1/3, 1/3, 1/3, 1/3, 1/3"
	- "1/3, 2/3"
	- "2/3, 1/3"
	- "1/3, 2/3, 2/3, 1/3"
	- "2/3, 1/3, 1/3, 2/3"

	- "1/3, 1/3, 1/3, 1/1"
	- "1/3, 1/3, 1/3, 1/1, 1/3, 1/3, 1/3"
	- "1/3, 1/3, 1/3, 1/2, 1/2, 1/3, 1/3, 1/3"
	- "1/3, 1/3, 1/3, 1/4, 1/4, 1/4, 1/4, 1/3, 1/3, 1/3"
	- "1/3, 1/3, 1/3, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/3, 1/3, 1/3"
	- "2/3, 1/3, 1/4, 1/4, 1/4, 1/4, 1/3, 2/3"
	- "1/3, 2/3, 1/4, 1/4, 1/4, 1/4, 2/3, 1/3"

	- "1/4, 1/4, 1/4, 1/4"
	- "1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4"
	- "1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4, 1/4"
	- "1/4, 3/4"
	- "3/4, 1/4"
	- "1/4, 3/4, 3/4, 1/4"
	- "3/4, 1/4, 1/4, 3/4"

	- "1/4, 1/4, 1/4, 1/4, 1/1"
	- "1/4, 1/4, 1/2, 1/2, 1/4, 1/4"
	- "1/2, 1/4, 1/4, 1/4, 1/4, 1/2"
	- "1/4, 1/4, 1/4, 1/4, 1/1, 1/4, 1/4, 1/4, 1/4"
	- "1/4, 1/4, 1/4, 1/4, 1/2, 1/2, 1/4, 1/4, 1/4, 1/4"
	- "1/4, 1/4, 1/4, 1/4, 1/3, 1/3, 1/3, 1/4, 1/4, 1/4, 1/4"
	- "1/4, 1/4, 1/4, 1/4, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/4, 1/4, 1/4, 1/4"

	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/6, 5/6"
	- "5/6, 1/6"
	- "1/6, 1/6, 2/3"
	- "2/3, 1/6, 1/6"
	
	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/1"
	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/1, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/2, 1/2, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/3, 1/3, 1/3, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/6, 1/6, 1/6, 1/6, 1/6, 1/6, 1/4, 1/4, 1/4, 1/4, 1/6, 1/6, 1/6, 1/6, 1/6, 1/6"
	- "1/6, 5/6, 5/6, 1/6"
	- "5/6, 1/6, 1/6, 5/6"
	- "1/1, 1/6, 5/6, 1/6, 5/6, 1/6, 5/6"
	selector:
	size: huge
	columns: 6
	fieldsets:
	text:
		label: zero.sections.layout.builder.fieldsets.text
		type: group
		fieldsets:
		- text
		- heading
		- list
		- featured-text
		- z-typed-text
		- quote
		- markdown
		- button
		- intro
		- line
		- z-spacer
		- accordion
		- z-description
		- info
		- z-table
		- code
		- z-html
		- z-countdown
	layout:
		label: zero.sections.layout.builder.fieldsets.layout
		type: group
		fieldsets:
		- z-column
		- subgrid
		- z-card
	media:
		label: zero.sections.layout.builder.fieldsets.media
		type: group
		fieldsets: 
		- image
		- video
		- z-audio
		- gallery-article
		- z-gallery
		- z-image-slider
		- z-slideshow
		- banner
	dynamic:
		label: zero.sections.layout.builder.fieldsets.dynamic
		type: group
		fieldsets: 
		- z-content-slider
		- contact-form
		- form
		- z-pages
		- z-articles
		- z-projects
		- z-products
		- z-products-list
		- z-products-search
	settings:
	tabs:
		# grid tab
		gridOptions: tabs/layout-grid

		# section tab
		sectionOptions: tabs/layout-section

		# advanced tab
		advancedOptions: tabs/layout-advanced

I don't know if this can help?

[johannschopplich]

Can you please share the blueprints you are extending from as well? tabs/options etc.

[outline4]

ok, I will share ALLOFTHETHINGS :)

tabs/page-options

label: zero.page.options
icon: settings
columns:
# main
- width: 2/3
	sections:
	# header
	header:
		type: fields
		fields:
		# header options
		headerSettings:
			label: zero.page.options.headerSettings
			type: headline
		headersection:
			label: zero.page.options.headersection
			type: toggle
			default: true
			help: zero.page.options.headersection.help
			width: 1/3
		altTitle:
			extends: fields/altTitle
			width: 2/3
			when:
			headersection: true
		intro: 
			label: zero.page.options.intro
			type: textarea
			when:
			headersection: true
		# section size
		pageHeaderSize:
			label: zero.site.settings.header.pageHeaderSize
			type: select
			placeholder: "{{ t('zero.reusables.default') }}"
			options:
			"uk-section-xsmall": "{{ t('zero.reusables.xsmall') }}"
			"uk-section-small": "{{ t('zero.reusables.small') }}"
			"uk-section-large": "{{ t('zero.reusables.large') }}"
			"uk-section-xlarge": "{{ t('zero.reusables.xlarge') }}"
			width: 1/3
			when:
			headersection: true
		pageTitleSize:
			label: zero.site.settings.header.pageTitleSize
			type: select
			placeholder: "{{ t('zero.reusables.default') }}"
			help: zero.site.settings.header.pageTitleSize.help
			options:
			medium: "{{ t('zero.reusables.medium') }}"
			large: "{{ t('zero.reusables.large') }}"
			xlarge: "{{ t('zero.reusables.xlarge') }}"
			width: 1/3
			when:
			headersection: true
		# header image
		headerBackgroundtoggle:
			label: zero.page.options.headerBackgroundtoggle
			type: toggle
			width: 1/3
			when:
			headersection: true
		headerImageHeading:
			label: zero.page.options.headerImageHeading
			type: headline
			numbered: false
			when:
			headersection: true
			headerBackgroundtoggle: true
		header:
			label: zero.page.options.header
			extends: fields/image
			multiple: false
			help: zero.page.options.header.help
			when:
			headersection: true
			headerBackgroundtoggle: true
		headerImagePosition:
			label: zero.page.options.headerImagePosition
			type: select
			default: "uk-background-center-center"
			options:
			"uk-background-top-left": "{{ t('zero.page.options.background.top.left') }}"
			"uk-background-top-center": "{{ t('zero.page.options.background.top.center') }}"
			"uk-background-top-right": "{{ t('zero.page.options.background.top.right') }}"
			"uk-background-center-left": "{{ t('zero.page.options.background.center.left') }}"
			"uk-background-center-center": "{{ t('zero.page.options.background.center.center') }}"
			"uk-background-center-right": "{{ t('zero.page.options.background.center.right') }}"
			"uk-background-bottom-left": "{{ t('zero.page.options.background.bottom.left') }}"
			"uk-background-bottom-center": "{{ t('zero.page.options.background.bottom.center') }}"
			"uk-background-bottom-right": "{{ t('zero.page.options.background.bottom.right') }}"
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
		headerImageSize:
			label: zero.page.options.headerImageSize
			type: select
			default: "uk-background-cover"
			options:
			"uk-background-cover": "{{ t('zero.page.options.background.cover') }}"
			"uk-background-contain": "{{ t('zero.page.options.background.contain') }}"
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
		headerImageRepeat:
			label: zero.page.options.headerImageRepeat
			type: select
			default: "no-repeat"
			options:
			"no-repeat": "{{ t('zero.page.options.ImageRepeat.no.repeat') }}"
			"repeat": "{{ t('zero.page.options.ImageRepeat.repeat') }}"
			"repeat-x": "{{ t('zero.page.options.ImageRepeat.repeat.x') }}"
			"repeat-y": "{{ t('zero.page.options.ImageRepeat.repeat.y') }}"
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
		headerTextColor:
			label: zero.page.options.headerTextColor
			type: select
			default: "uk-light"
			options:
			"uk-light": "{{ t('zero.reusables.light') }}"
			"uk-dark": "{{ t('zero.reusables.dark') }}"
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
		headerOverlayColor:
			label: zero.page.options.headerOverlayColor
			type: color
			format: rgb
			alpha: true
			default: rgb(0 0 0 / 0.3)
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
		backgroundParalax:
			label: zero.page.options.backgroundParalax
			type: select
			width: 1/3
			options:
			paralaxY: "{{ t('zero.page.options.backgroundParalax.paralaxY') }}"
			paralaxX: "{{ t('zero.page.options.backgroundParalax.paralaxX') }}"
			when:
			headersection: true
			headerBackgroundtoggle: true
		# shape divider
		shapeDividerheadline:
			label: zero.page.options.shapeDividerheadline
			type: headline
			numbered: false
			when:
			headersection: true
			headerBackgroundtoggle: true
		shapeDividertoggle:
			label: zero.page.options.shapeDividertoggle
			type: toggle
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
		shapeDividerinfo:
			label: zero.page.options.shapeDividerinfo
			type: info
			text: zero.page.options.shapeDividerinfo.text
			width: 2/3
			when:
			headersection: true
			headerBackgroundtoggle: true
		shapeDivider:
			label: zero.page.options.shapeDivider
			type: select
			placeholder: "{{ t('zero.page.options.curve') }}"
			options:
			fan: "{{ t('zero.page.options.fan') }}"
			curve-opacity: "{{ t('zero.page.options.curve.opacity') }}"
			mountains: "{{ t('zero.page.options.mountains') }}"
			curve-asym: "{{ t('zero.page.options.curve.asym') }}"
			curve-asym-alt: "{{ t('zero.page.options.curve.asym.alt') }}"
			tilt: "{{ t('zero.page.options.tilt') }}"
			tilt-alt: "{{ t('zero.page.options.tilt.alt') }}"
			triangle: "{{ t('zero.page.options.triangle') }}"
			waves: "{{ t('zero.page.options.waves') }}"
			waves-opacity: "{{ t('zero.page.options.waves.opacity') }}"
			waves-opacity-2: "{{ t('zero.page.options.waves.opacity.2') }}"
			clouds: "{{ t('zero.page.options.clouds') }}"
			speech: "{{ t('zero.page.options.speech') }}"
			custom: "{{ t('zero.page.options.custom') }}"
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
			shapeDividertoggle: true
		shapeDividerposition:
			label: zero.page.options.shapeDividerposition
			type: select
			placeholder: "{{ t('zero.page.options.shapeDividerposition.bottom') }}"
			options:
			top: "{{ t('zero.page.options.shapeDividerposition.top') }}"
			both: "{{ t('zero.page.options.shapeDividerposition.both') }}"
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
			shapeDividertoggle: true
		shapeDividercolor:
			label: zero.page.options.shapeDividercolor
			type: color
			default: '#ffffff'
			width: 1/3
			when:
			headersection: true
			headerBackgroundtoggle: true
			shapeDividertoggle: true
		customShapedivider:
			label: zero.page.options.customShapedivider
			type: code-editor
			help: zero.page.options.customShapedivider.help
			when:
			headersection: true
			headerBackgroundtoggle: true
			shapeDividertoggle: true
			shapeDivider: custom
		shapeDividerheight:
			label: zero.page.options.shapeDividerheight
			type: text
			default: 150px
			placeholder: 150px
			help: zero.page.options.shapeDividerheight.help
			width: 2/3
			when:
			headersection: true
			headerBackgroundtoggle: true
			shapeDividertoggle: true
		# logo options
		logoSettings:
			label: zero.page.options.logoSettings
			type: headline
		overrideLogo:
			label: zero.page.options.logoSettings.overrideLogo
			type: toggle
			width: 1/3
		overrideLogoinfo:
			label: zero.page.options.logoSettings.overrideLogoinfo
			type: info
			text: zero.page.options.logoSettings.overrideLogoinfo.text
			width: 2/3
		logo:
			label: Logo
			extends: fields/image
			multiple: false
			help: zero.site.settings.brand.logo.help
			width: 1/2
			when:
			overrideLogo: true
		logoInverted:
			label: zero.site.settings.brand.logo.inverted
			extends: fields/image
			multiple: false
			width: 1/2
			help: zero.site.settings.brand.logo.inverted.help
			when:
			overrideLogo: true
		logoMobile:
			label: Logo mobile
			extends: fields/image
			multiple: false
			help: zero.site.settings.brand.logo.mobile.help
			width: 1/2
			when:
			overrideLogo: true
		logoMobileInverted:
			label: zero.site.settings.brand.logo.mobile.inverted
			extends: fields/image
			multiple: false
			help: zero.site.settings.brand.logo.mobile.inverted.help
			width: 1/2
			when:
			overrideLogo: true
		logoHeight:
			label: zero.site.settings.brand.logo.height
			type: range
			step: 1
			min: 18
			max: 100
			default: 21
			tooltip:
			after: px
			width: 1/2
			when:
			overrideLogo: true
		mobileLogoHeight:
			label: zero.site.settings.brand.logo.mobile.height
			type: range
			step: 1
			min: 18
			max: 100
			default: 21
			tooltip:
			after: px
			width: 1/2
			when:
			overrideLogo: true
		overrideLogoLinkinfo:
			label: zero.page.options.logoSettings.overrideLogoLinkinfo
			type: info
			text: zero.page.options.logoSettings.overrideLogoLinkinfo.text
			when:
			overrideLogo: true
		logoLinkType:
			label: zero.page.options.logoSettings.logoLinkType
			type: select
			default: internal
			columns: 2
			options:
			internal: "{{ t('zero.page.options.logoSettings.logoLinkType.internal') }}"
			url: "{{ t('zero.page.options.logoSettings.logoLinkType.url') }}"
			anchor: "{{ t('zero.page.options.logoSettings.logoLinkType.anchor') }}"
			width: 1/4
			when:
			overrideLogo: true
		link:
			type: url
			width: 1/2
			when:
			overrideLogo: true
			logoLinkType: url
		internalPage:
			label: zero.page.options.logoSettings.logoLinkType.internalPage
			type: pages
			multiple: false
			width: 1/2
			when:
			overrideLogo: true
			logoLinkType: internal
		anchor: 
			label: zero.page.options.logoSettings.logoLinkType.anchor
			type: slug
			before: #
			icon: none
			help: zero.page.options.logoSettings.logoLinkType.anchor.help
			width: 1/2
			when:
			overrideLogo: true
			logoLinkType: anchor
		target:
			label: zero.page.options.logoSettings.logoLinkType.target
			type: toggle
			default: false
			width: 1/4
			when:
			overrideLogo: true
		# navbar options
		navbarSettings:
			label: zero.page.options.navbarSettings
			type: headline
		hideNavbar:
			label: zero.page.options.hideNavbar
			type: toggle
			width: 1/3
		hideNavbarinfo:
			label: zero.page.options.hideNavbarinfo
			type: info
			text: zero.page.options.hideNavbarinfo.text
			width: 2/3
		# submenu options
		disallowSubmenu:
			label: zero.page.options.disallowSubmenu
			type: toggle
			width: 1/3
		disallowSubmenuinfo:
			label: zero.page.options.disallowSubmenuinfo
			type: info
			text: zero.page.options.disallowSubmenuinfo.text
			width: 2/3
		# newtab
		newTab:
			label: zero.page.options.newTab
			type: toggle
			width: 1/3
		newTabInfo:
			label: zero.page.options.newTabInfo
			type: info
			text: zero.page.options.newTabInfo.text
			width: 2/3
		# menu item icon
		menuItemIcon:
			extends: fields/icons
			label: zero.page.options.menuItemIcon
			placeholder: None
			width: 1/3
		menuItemIconInfo:
			label: zero.page.options.menuItemIconInfo
			type: info
			text: zero.page.options.menuItemIconInfo.text
			width: 2/3
		# mega menu options
		lineMegaMenu:
			type: line
		megaMenu:
			label: zero.page.options.megaMenu
			type: toggle
			width: 1/3
		megaMenuInfo:
			label: zero.page.options.megaMenuInfo
			type: info
			text: zero.page.options.megaMenuInfo.text
			width: 2/3
		megaMenuWidth:
			label: zero.page.options.megaMenuWidth
			type: select
			placeholder: "{{ t('zero.reusables.inherit') }}"
			options:
			- value: '2'
				text: 2 columns
			- value: '3'
				text: 3 columns
			- value: '4'
				text: 4 columns
			width: 1/3
			when:
			megaMenu: true
		megaMenuItemWidth:
			label: zero.page.options.megaMenuItemWidth
			type: select
			placeholder: "{{ t('zero.reusables.inherit') }}"
			options:
			- value: '1'
				text: Full width
			- value: '2'
				text: '1/2'
			- value: '3'
				text: '1/3'
			- value: '4'
				text: '1/4'
			width: 1/3
			when:
			megaMenu: true
		# mega menu background
		megaMenuBackground:
			label: zero.page.options.megaMenuBackground
			type: toggle
			width: 1/3
			when:
			megaMenu: true
		# image
		megaMenuBackgroundImage:
			extends: fields/backgroundImage
			when:
			megaMenu: true
			megaMenuBackground: true
		megaMenuBackgroundImagePosition:
			label: zero.page.options.megaMenuBackgroundImage
			type: select
			default: "uk-background-center-center"
			options:
			"uk-background-top-left": "{{ t('zero.page.options.background.top.left') }}"
			"uk-background-top-center": "{{ t('zero.page.options.background.top.center') }}"
			"uk-background-top-right": "{{ t('zero.page.options.background.top.right') }}"
			"uk-background-center-left": "{{ t('zero.page.options.background.center.left') }}"
			"uk-background-center-center": "{{ t('zero.page.options.background.center.center') }}"
			"uk-background-center-right": "{{ t('zero.page.options.background.center.right') }}"
			"uk-background-bottom-left": "{{ t('zero.page.options.background.bottom.left') }}"
			"uk-background-bottom-center": "{{ t('zero.page.options.background.bottom.center') }}"
			"uk-background-bottom-right": "{{ t('zero.page.options.background.bottom.right') }}"
			width: 1/3
			when:
			megaMenu: true
			megaMenuBackground: true
		megaMenuBackgroundImageSize:
			label: zero.page.options.megaMenuBackgroundImageSize
			type: select
			default: "uk-background-cover"
			options:
			"uk-background-cover": "{{ t('zero.page.options.background.cover') }}"
			"uk-background-contain": "{{ t('zero.page.options.background.contain') }}"
			width: 1/3
			when:
			megaMenu: true
			megaMenuBackground: true
		megaMenuBackgroundImageRepeat:
			label: zero.page.options.ImageRepeat
			type: select
			default: "no-repeat"
			options:
			"no-repeat": "{{ t('zero.page.options.ImageRepeat.no.repeat') }}"
			"repeat": "{{ t('zero.page.options.ImageRepeat.repeat') }}"
			"repeat-x": "{{ t('zero.page.options.ImageRepeat.repeat.x') }}"
			"repeat-y": "{{ t('zero.page.options.ImageRepeat.repeat.y') }}"
			width: 1/3
			when:
			megaMenu: true
			megaMenuBackground: true
		megaMenuBackgroundOverlayColor:
			extends: fields/backgroundOverlayColor
			when:
			megaMenu: true
			megaMenuBackground: true
		megaMenuBackgroundGradientOverlay:
			extends: fields/backgroundGradientOverlay
			when:
			megaMenu: true
			megaMenuBackground: true
		megaMenuBackgroundGradientTransition:
			extends: fields/backgroundGradientTransition
			when:
			megaMenu: true
			megaMenuBackground: true
			megaMenuBackgroundGradientOverlay: true
		megaMenuBackgroundOverlayColor2:
			extends: fields/backgroundOverlayColor
			label: zero.page.options.OverlayColor2
			when:
			megaMenu: true
			megaMenuBackground: true
			megaMenuBackgroundGradientOverlay: true

		lineTransparent:
			type: line
		transparentNavbar:
			label: zero.page.options.transparentNavbar
			type: select
			placeholder: "{{ t('zero.page.options.transparentNavbar.placeholder') }}"
			options:
			transparent: "{{ t('zero.page.options.transparentNavbar.transparent') }}"
			non-transparent: "{{ t('zero.page.options.transparentNavbar.nontransparent') }}"
			help: zero.page.options.transparentNavbar.help
			width: 1/3
		navbarInverse:
			label: zero.page.options.navbarInverse
			type: toggle
			width: 1/3
			when:
			transparentNavbar: transparent
		
		# footer options
		footerSettings:
			label: zero.page.options.footerSettings
			type: headline
		hideFooter:
			label: zero.page.options.hideFooter
			type: toggle
			width: 1/3
		hideFooterinfo:
			label: zero.page.options.hideFooter.info
			type: info
			text: zero.page.options.hideFooter.info.text
			width: 2/3

	# custom settings
	customsettings:
		extends: sections/custom-page

# sidebar
- width: 1/3
	sections:
	# a list of files
	files:
		headline: zero.page.options.files.headline
		type: files
		info: "{{ file.dimensions }}"
		search: true
		batch: true

tabs/seo

label: zero.page.seo
icon: search
columns:
- width: 2/3
	sections:
	meta:
		type: fields
		fields:

		# indexability
		indexabilityHeadline:
			label: zero.page.seo.indexabilityHeadline
			type: headline
		sitemap:
			extends: fields/sitemap
			width: 1/3
		sitemapInfo:
			label: zero.page.seo.sitemapInfo
			type: info
			text: zero.page.seo.sitemapInfo.text
			width: 2/3

		# meta headline
		metaHeadline:
			label: zero.page.seo.metaHeadline
			type: headline
		# Meta Image
		metaFile:
			label: zero.page.seo.metaFile
			extends: fields/image
			multiple: false
			help: zero.page.seo.metaFile.help
		# Meta Title
		metaTitle:
			label: zero.page.seo.metaTitle
			type: text
			maxlength: 70
			placeholder: '{{ page.title }}'
			after: '| {{ site.title }}'
			help: zero.page.seo.metaTitle.help
			width: 2/3
		removeSiteTitle:
			label: zero.page.seo.removeSiteTitle
			type: toggle
			help: zero.page.seo.removeSiteTitle.help
			width: 1/3
		# Meta Description
		metaDescription:
			label: zero.page.seo.metaDescription
			type: textarea
			size: small
			maxlength: 160
			buttons: false
			help: zero.page.seo.metaDescription.help

- width: 1/3
	sections: 
	# page permalink
	permalink:
		type: fields
		fields:
		permalink:
			label: zero.page.seo.permalink
			type: info
			text: "{{ kirby.url('base') }}/@/page/{{ page.content.get('uuid') }}"
			help: zero.page.seo.permalink.help
	# Files
	metaFiles:
		headline: zero.page.seo.metaFiles
		type: files
		info: "{{ file.dimensions }} {{ file.niceSize }}"
		search: true
		batch: true
		help: zero.page.seo.metaFiles.help

tabs/page-advanced

label: zero.page.advanced
icon: cog

fields:
headlineCss:
label: zero.page.advanced.headlineCss
type: headline
numbered: false
customCss:
label: zero.page.advanced.customCss
type: code-editor
size: medium
language: 'css'
help: zero.page.advanced.customCss.help
width: 1/2
headCustomCode:
label: zero.site.styling.headCustomCode
type: code-editor
size: medium
help: zero.site.styling.headCustomCode.help
width: 1/2
bodyCustomCode:
label: zero.site.styling.bodyCustomCode
type: code-editor
size: medium
help: zero.site.styling.bodyCustomCode.help
width: 1/2
footerCustomCode:
label: zero.site.styling.footerCustomCode
type: code-editor
size: medium
help: zero.site.styling.footerCustomCode.help
width: 1/2

tabs/layout-grid

label: zero.layout.options.grid
icon: grid
fields:
gridHeadline:
	label: zero.layout.options.grid.gridHeadline
	type: headline
	numbered: false
# width
gridWidth:
	label: zero.layout.options.grid.gridWidth
	type: select
	placeholder: "{{ t('zero.reusables.fullwidth') }}"
	default: "uk-container"
	options:
	"uk-container uk-container-xsmall": "{{ t('zero.reusables.xsmall') }}"
	"uk-container uk-container-small": "{{ t('zero.reusables.small') }}"
	"uk-container": "{{ t('zero.reusables.default') }}"
	"uk-container uk-container-large": "{{ t('zero.reusables.large') }}"
	"uk-container uk-container-xlarge": "{{ t('zero.reusables.xlarge') }}"
	"uk-container uk-container-expand": "{{ t('zero.reusables.expand') }}"
	width: 1/3
# tabletWidth
tabletWidth:
	label: zero.layout.options.grid.tabletWidth
	type: select
	placeholder: 1/1
	options:
	'uk-width-1-2@s ': 1/2
	'uk-width-1-3@s ': 1/3
	'uk-width-1-4@s ': 1/4
	'uk-width-expand@s ': "{{ t('zero.reusables.expand') }}"
	'uk-width-auto@s ': Auto
	width: 1/3
# mobileWidth
mobileWidth:
	label: zero.layout.options.grid.mobileWidth
	type: select
	placeholder: 1/1
	options:
	'uk-width-1-2 ': 1/2
	'uk-width-1-3 ': 1/3
	'uk-width-1-4 ': 1/4
	'uk-width-expand ': "{{ t('zero.reusables.expand') }}"
	'uk-width-auto ': Auto
	width: 1/3
# columns vertical align
columnsVerticalAlign:
	label: zero.layout.options.grid.columnsVerticalAlign
	type: select
	placeholder: "{{ t('zero.layout.options.grid.uk.flex.top') }}"
	options:
	" uk-flex-middle": "{{ t('zero.layout.options.grid.uk.flex.middle') }}"
	" uk-flex-bottom": "{{ t('zero.layout.options.grid.uk.flex.bottom') }}"
	" uk-grid-match": "{{ t('zero.layout.options.grid.uk.flex.match') }}"
	" uk-flex-stretch": "{{ t('zero.layout.options.grid.uk.flex.stretch') }}"
	width: 1/3
# columns horizontal align
columnsHorizontalAlign:
	label: zero.layout.options.grid.columnsHorizontalAlign
	type: select
	placeholder: "{{ t('zero.reusables.left') }}"
	options:
	" uk-flex-center": "{{ t('zero.layout.options.grid.uk.flex.center') }}"
	" uk-flex-right": "{{ t('zero.layout.options.grid.uk.flex.right') }}"
	" uk-flex-between": "{{ t('zero.layout.options.grid.uk.flex.between') }}"
	" uk-flex-around": "{{ t('zero.layout.options.grid.uk.flex.around') }}"
	width: 1/3
allignGap:
	type: gap
	width: 1/3
# expand to side
containerExpand:
	label: zero.layout.options.grid.containerExpand
	type: select
	placeholder: 'No'
	options:
	' uk-container-expand-left': "{{ t('zero.layout.options.grid.uk.container.expand.left') }}"
	' uk-container-expand-right': "{{ t('zero.layout.options.grid.uk.container.expand.right') }}"
	width: 1/3
# column gap option
columnGap:
	label: zero.layout.options.grid.columnGap
	type: select
	placeholder: "{{ t('zero.reusables.default') }}"
	options:
	" uk-grid-small": "{{ t('zero.reusables.small') }}"
	" uk-grid-medium": "{{ t('zero.reusables.medium') }}"
	" uk-grid-large": "{{ t('zero.reusables.large') }}"
	" uk-grid-collapse": "{{ t('zero.layout.options.grid.uk.grid.collapse') }}"
	width: 1/3
# divider
columnsDivider:
	label: zero.layout.options.grid.columnsDivider
	type: toggle
	default: false
	width: 1/3
# masonry
gridMasonry:
	label: zero.layout.options.grid.gridMasonry
	type: toggle
	width: 1/3
# parallax
gridParallax:
	label: zero.layout.options.grid.gridParallax
	type: toggle
	width: 1/3

gridBottomgap:
	type: gap

tabs/layout-section

label: zero.layout.options.section
icon: grid-top
fields:
sectionHeadline:
	label: zero.layout.options.section.sectionHeadline
	type: headline
	numbered: false
sectionToggle:
	label: zero.layout.options.section.sectionToggle
	type: toggle
	default: true
	width: 1/3
sectionInfo:
	label: zero.layout.options.section.sectionInfo
	type: info
	text: zero.layout.options.section.sectionInfo.text
	width: 2/3
# section size
sectionSize:
	extends: fields/sectionSize
	when:
	sectionToggle: true
# section color
sectionColor:
	label: zero.layout.options.section.sectionColor
	type: select
	default: " uk-section-default"
	options:
	" uk-section-default": "{{ t('zero.reusables.default') }}"
	" uk-section-muted": "{{ t('zero.reusables.muted') }}"
	" uk-section-primary": "{{ t('zero.reusables.primary') }}"
	" uk-section-secondary": "{{ t('zero.reusables.secondary') }}"
	custom: "{{ t('zero.reusables.custom') }}"
	width: 1/3
	when:
	sectionToggle: true
# section remove padding
sectionRemovePadding:
	extends: fields/sectionRemovePadding
	when:
	sectionToggle: true
# background style
backgroundStyle:
	label: zero.layout.options.section.backgroundStyle
	type: toggles
	default: color
	options:
	- value: color
		text: "{{ t('zero.layout.options.section.backgroundStyle.color') }}"
		icon: pipette
	- value: image
		text: "{{ t('zero.layout.options.section.backgroundStyle.image') }}"
		icon: file-image
	- value: video
		text: "{{ t('zero.layout.options.section.backgroundStyle.video') }}"
		icon: file-video
	when:
	sectionToggle: true
	sectionColor: custom
# image
backgroundImage:
	extends: fields/backgroundImage
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: image
# video
mediaVideoSource:
	label: zero.layout.options.section.mediaVideoSource
	type: toggles
	default: url
	options:
	- value: url
		text: "{{ t('zero.layout.options.section.mediaVideoSource.url') }}"
		icon: url
	- value: upload
		text: "{{ t('zero.layout.options.section.mediaVideoSource.upload') }}"
		icon: upload
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: video
mediaVideo:
	label: zero.layout.options.section.mediaVideo
	extends: fields/video
	multiple: false
	help: zero.layout.options.section.mediaVideo.help
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: video
	mediaVideoSource: upload
mediaVideoUrl:
	label: zero.layout.options.section.mediaVideoUrl
	type: url
	placeholder: "https://www.youtube.com/embed/[videocode]"
	help: zero.layout.options.section.mediaVideoUrl.help
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: video
	mediaVideoSource: url
backgroundImagePosition:
	extends: fields/backgroundImagePosition
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: image
backgroundImageSize:
	extends: fields/backgroundImageSize
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: image
backgroundImageRepeat:
	extends: fields/backgroundImageRepeat
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: image
sectionTextColor:
	extends: fields/sectionTextColor
	when:
	sectionToggle: true
	sectionColor: custom
backgroundOverlayColor:
	extends: fields/backgroundOverlayColor
	when:
	sectionToggle: true
	sectionColor: custom
backgroundGradientOverlay:
	extends: fields/backgroundGradientOverlay
	when:
	sectionToggle: true
	sectionColor: custom
backgroundGradientTransition:
	extends: fields/backgroundGradientTransition
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundGradientOverlay: true
backgroundOverlayColor2:
	extends: fields/backgroundOverlayColor
	label: zero.layout.options.section.backgroundOverlayColor2
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundGradientOverlay: true
backgroundParalax:
	extends: fields/backgroundParalax
	when:
	sectionToggle: true
	sectionColor: custom
	backgroundStyle: image

shapeDividerheadline:
	label: zero.layout.options.section.shapeDividerheadline
	type: headline
	numbered: false
	when:
	sectionToggle: true
shapeDividertoggle:
	label: zero.layout.options.section.shapeDividertoggle
	type: toggle
	width: 1/3
	when:
	sectionToggle: true
shapeDividerinfo:
	label: zero.layout.options.section.shapeDividerinfo
	type: info
	text: zero.layout.options.section.shapeDividerinfo.text
	width: 2/3
	when:
	sectionToggle: true
shapeDivider:
	label: zero.layout.options.section.shapeDivider
	type: select
	placeholder: "{{ t('zero.page.options.curve') }}"
	options:
	fan: "{{ t('zero.page.options.fan') }}"
	curve-opacity: "{{ t('zero.page.options.curve.opacity') }}"
	mountains: "{{ t('zero.page.options.mountains') }}"
	curve-asym: "{{ t('zero.page.options.curve.asym') }}"
	curve-asym-alt: "{{ t('zero.page.options.curve.asym.alt') }}"
	tilt: "{{ t('zero.page.options.tilt') }}"
	tilt-alt: "{{ t('zero.page.options.tilt.alt') }}"
	triangle: "{{ t('zero.page.options.triangle') }}"
	waves: "{{ t('zero.page.options.waves') }}"
	waves-opacity: "{{ t('zero.page.options.waves.opacity') }}"
	waves-opacity-2: "{{ t('zero.page.options.waves.opacity.2') }}"
	clouds: "{{ t('zero.page.options.clouds') }}"
	speech: "{{ t('zero.page.options.speech') }}"
	custom: "{{ t('zero.page.options.custom') }}"
	width: 1/3
	when:
	sectionToggle: true
	shapeDividertoggle: true
shapeDividerposition:
	label: zero.layout.options.section.shapeDividerposition
	type: select
	placeholder: "{{ t('zero.page.options.shapeDividerposition.bottom') }}"
	options:
	top: "{{ t('zero.page.options.shapeDividerposition.top') }}"
	both: "{{ t('zero.page.options.shapeDividerposition.both') }}"
	width: 1/3
	when:
	sectionToggle: true
	shapeDividertoggle: true
shapeDividercolor:
	label: zero.layout.options.section.shapeDividercolor
	type: color
	default: "#ffffff"
	width: 1/3
	when:
	sectionToggle: true
	shapeDividertoggle: true
customShapedivider:
	label: zero.layout.options.section.customShapedivider
	type: code-editor
	help: zero.page.options.customShapedivider.help
	when:
	sectionToggle: true
	shapeDividertoggle: true
	shapeDivider: custom
shapeDividerheight:
	label: zero.layout.options.section.shapeDividerheight
	type: text
	default: 150px
	placeholder: 150px
	help: zero.layout.options.section.shapeDividerheight.help
	width: 2/3
	when:
	sectionToggle: true
	shapeDividertoggle: true

preserveColorHeadline:
	label: zero.layout.options.section.preserveColorHeadline
	type: headline
	numbered: false
	help: zero.layout.options.section.preserveColorHead.help
	when:
	sectionToggle: true
preserveColor:
	label: zero.layout.options.section.preserveColor
	type: toggle
	width: 1/3
	when:
	sectionToggle: true

sectionBottomgap:
	type: gap

tabs/layout-advanced

label: zero.layout.options.advanced
icon: cog
fields:
advancedHeadline:
	label: zero.layout.options.advanced.advancedHeadline
	type: headline
	numbered: false
sectionClass:
	label: zero.layout.options.advanced.sectionClass
	type: text
	placeholder: my-custom-class
	before: '.'
	width: 1/3
# section id
sectionID:
	label: zero.layout.options.advanced.sectionID
	type: slug
	placeholder: my-custom-id
	before: '#'
	width: 1/3

# visibility
visibilityHeadline:
	label: zero.layout.options.advanced.visibilityHeadline
	type: headline
	help: zero.layout.options.advanced.visibilityHeadline.help
	numbered: false
# hidden
hidden:
	label: zero.layout.options.advanced.hidden
	type: select
	placeholder: "{{ t('zero.reusables.inherit') }}"
	options: 
	" uk-hidden": "{{ t('zero.layout.options.advanced.hidden.uk.hidden') }}"
	" uk-hidden@s": "{{ t('zero.layout.options.advanced.hidden.uk.hidden@s') }}"
	" uk-hidden@m": "{{ t('zero.layout.options.advanced.hidden.uk.hidden@m') }}"
	width: 1/3
# visible
visible:
	label: zero.layout.options.advanced.visible
	type: select
	placeholder: "{{ t('zero.reusables.inherit') }}"
	options: 
	" uk-visible@s": "{{ t('zero.layout.options.advanced.uk.visible@s') }}"
	" uk-visible@m": "{{ t('zero.layout.options.advanced.uk.visible@m') }}"
	width: 1/3

# animation headline
animationHeadline:
	label: zero.layout.options.advanced.animationHeadline
	type: headline
	help: zero.layout.options.advanced.animationHeadline.help
	numbered: false
# animation switch
animationSwitch:
	label: zero.layout.options.advanced.animationSwitch
	type: toggle
	width: 1/3
animationType:
	extends: fields/animationType
	when:
	animationSwitch: true
animationDelay:
	extends: fields/animationDelay
	when:
	animationSwitch: true

advancedBottomGap:
	type: gap

Additionally: all of these are in a plugin folder called zero-one.

BTW: the theme is exellent and full of great ideas. It really stretches the potential of the layout builder.

Thanks in advance!

[johannschopplich]

@outline4 Thanks for the snippets. I tried to copy them, but there are too many indentation errors in your blueprints for me to fix. Maybe something went wrong during copy & paste?

Also, there are many fields missing like fields/animationDelay. Without a proper setup of your environment, I can't reproduce your error.

Could you please provide me minimum reproducible example? A Kirby repo with the blueprints and the page that breaks would be best. Thanks!

[outline4]

Oh, I am sorry. I think it tool tabs instead of two spaces. while copying.
You will laugh, but I don't have github!

Can I send you the files zipped?
I am sorry for the hassle!

[johannschopplich]

No worries. A ZIP file is fine – you can find my email address on my GitHub account. Or on byjohann.dev.