<T3DataStructure>
	<sheets>
		<sDEF>
			<ROOT>
				<sheetTitle>Card Wrapper</sheetTitle>
				<type>array</type>
				<el>
					<hidden>
						<label>Hiding / Display Elements</label>
						<config>
							<type>select</type>
							<renderType>selectSingle</renderType>
							<items>
								<numIndex index="0">
									<label>none</label>
									<value>0</value>
								</numIndex>
								<numIndex index="1">
									<label>Hidden only on xs</label>
									<value>d-none d-sm-block</value>
								</numIndex>
								<numIndex index="2">
									<label>Hidden on sm and down</label>
									<value>d-none d-md-block</value>
								</numIndex>
								<numIndex index="3">
									<label>Hidden on md and down</label>
									<value>d-none d-lg-block</value>
								</numIndex>
								<numIndex index="4">
									<label>Hidden on lg and down</label>
									<value>d-none d-xl-block</value>
								</numIndex>
								<numIndex index="5">
									<label>Hidden only on xl</label>
									<value>d-xl-none</value>
								</numIndex>
								<numIndex index="6">
									<label>Visible only on xs</label>
									<value>d-block d-sm-none</value>
								</numIndex>
								<numIndex index="7">
									<label>Visible sm and down</label>
									<value>d-block d-md-none</value>
								</numIndex>
								<numIndex index="8">
									<label>Visible md and down</label>
									<value>d-block d-lg-none</value>
								</numIndex>
								<numIndex index="9">
									<label>Visible lg and down</label>
									<value>d-block d-xl-none</value>
								</numIndex>
							</items>
							<default>0</default>
						</config>
					</hidden>

					<!-- card wrapper: columns,group or deck  -->
					<card_wrapper>
						<label>Groups, Decks, Columns or Slider</label>
						<onChange>reload</onChange>
						<config>
							<type>select</type>
							<renderType>selectSingle</renderType>
							<items>
								<numIndex index="0">
									<label>Group</label>
									<value>group</value>
								</numIndex>
								<numIndex index="1">
									<label>Grid Cards (Deck)</label>
									<value>deck</value>
								</numIndex>
								<numIndex index="2">
									<label>Masonry (Columns)</label>
									<value>columns</value>
								</numIndex>
								<numIndex index="3">
									<label>Slider (swiper)</label>
									<value>slider</value>
								</numIndex>
								<numIndex index="4">
									<label>Flipper</label>
									<value>flipper</value>
								</numIndex>
							</items>
							<default>group</default>
						</config>
					</card_wrapper>





					
					
					<colclass>
						<label>Column class</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:columns</displayCond>
						<description>default - 3 columns: "col-sm-6 col-lg-4 mb-4"</description>
						<config>
							 <type>input</type>
							 <size>40</size>
							 <default>col-sm-6 col-lg-4 mb-4</default>
							 <eval>trim</eval>
						</config>
					</colclass>

					<visibleCards>
						<label>Visible Cards</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:deck</displayCond>
						<config>
							<type>select</type>
							<renderType>selectSingle</renderType>
							<items>
								<numIndex index="0">
									<label>1</label>
									<value>1</value>
								</numIndex>
								<numIndex index="1">
									<label>2</label>
									<value>2</value>
								</numIndex>
								<numIndex index="2">
									<label>3</label>
									<value>3</value>
								</numIndex>
								<numIndex index="3">
									<label>4</label>
									<value>4</value>
								</numIndex>
								<numIndex index="4">
									<label>5</label>
									<value>5</value>
								</numIndex>
								<numIndex index="5">
									<label>6</label>
									<value>6</value>
								</numIndex>
							</items>
							<default>3</default>
						</config>
					</visibleCards>

					<gutter>
						<label>Gutters (padding between your columns)</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:deck</displayCond>
						<config>
							<type>select</type>
							<renderType>selectSingle</renderType>
							<items>
								<numIndex index="0">
									<label>0</label>
									<value>0</value>
								</numIndex>
								<numIndex index="1">
									<label>1</label>
									<value>1</value>
								</numIndex>
								<numIndex index="2">
									<label>2</label>
									<value>2</value>
								</numIndex>
								<numIndex index="3">
									<label>3</label>
									<value>3</value>
								</numIndex>
								<numIndex index="4">
									<label>4</label>
									<value>4</value>
								</numIndex>
								<numIndex index="5">
									<label>5</label>
									<value>5</value>
								</numIndex>
							</items>
							<default>4</default>
						</config>
					</gutter>

					<width>
						<label>max. Image width</label>
						<description>if "0" the cards width is used - or auto-width if the cards width is also empty (best practies)</description>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<max>4</max>
							<default>576</default>
						</config>
					</width>

					<ratio>
						<label>Image ratio - e.g.: 37:9</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>input</type>
							<size>10</size>
							<max>5</max>
							<default>16:9</default>
						</config>
					</ratio>
					<slidesPerView>
						<label>Slides per view</label>
						<description>slides visible at the same time on slider's container (can be empty if you use breakpoints)</description>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<default>0</default>
						</config>
					</slidesPerView>
					<breakpoints10>
						<label>Slides per view - breakpoint > 10px</label>
						<description>breakpoints allows to set different parameter for different responsive breakpoints (screen sizes)</description>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<default>1</default>
						</config>
					</breakpoints10>
					<breakpoints576>
						<label>Slides per view - breakpoint > 576px</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<default>2</default>
						</config>
					</breakpoints576>
					<breakpoints768>
						<label>Slides per view - breakpoint > 768px</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<default>3</default>
						</config>
					</breakpoints768>
					<breakpoints992>
						<label>Slides per view - breakpoint > 992px</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<default>4</default>
						</config>
					</breakpoints992>
					<slidesPerGroup>
						<label>Slides per group</label>
						<description>Set numbers of slides to define and enable group sliding</description>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<range>
								<lower>1</lower>
							</range>
							<size>10</size>
							<default>1</default>
						</config>
					</slidesPerGroup>
					<spaceBetween>
						<label>Space between</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<default>20</default>
						</config>
					</spaceBetween>
					<loop>
						<label>Loop</label>
						<description>amount of slides in loop mode should be at least 2x of "slidesPerView" value.</description>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>check</type>
						</config>
					</loop>
					<navigation>
						<label>Navigation</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>check</type>
						</config>
					</navigation>
					<pagination>
						<label>Pagination</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<config>
							<type>check</type>
						</config>
					</pagination>
					<autoplay>
						<label>Autoplay</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:slider</displayCond>
						<onChange>reload</onChange>
						<config>
							<type>check</type>
						</config>
					</autoplay>
					<delay>
						<label>Delay between transitions (in ms)</label>
						<displayCond>
							<and>
								<value1>FIELD:sDEF.card_wrapper:=:slider</value1>
								<value2>FIELD:sDEF.autoplay:=:1</value2>
							</and>
						</displayCond>
						<config>
							<type>number</type>
							<size>10</size>
							<default>5000</default>
						</config>
					</delay>
					<cropMaxCharacters>
						<label>Length of card-bodytext (in chars)</label>
						<config>
							<type>number</type>
							<size>10</size>
						</config>
					</cropMaxCharacters>
					<equalHeight>
						<label>Equal Height</label>
						<displayCond>FIELD:sDEF.card_wrapper:=:deck</displayCond>
						<config>
							<type>check</type>
						</config>
					</equalHeight>
					<contentByUid>
						<label>Single card references</label>
						<displayCond>USER:T3SBS\T3sbootstrap\UserFunction\TcaMatcher->allowReferences</displayCond>
						<config>
							<type>select</type>
							<itemsProcFunc>T3SBS\T3sbootstrap\Backend\ItemsProcFunc->user_cards</itemsProcFunc>
							<renderType>selectSingleBox</renderType>
							<items>
								<numIndex index="0" type="array">
									<label>none</label>
									<value>0</value>
								</numIndex>
							</items>
							<default>0</default>
						</config>
					</contentByUid>
					<contentByPid>
						<label>Card Wrapper cards references</label>
						<displayCond>USER:T3SBS\T3sbootstrap\UserFunction\TcaMatcher->allowReferences</displayCond>
						<config>
							<type>select</type>
							<itemsProcFunc>T3SBS\T3sbootstrap\Backend\ItemsProcFunc->user_cardwrapper</itemsProcFunc>
							<renderType>selectSingleBox</renderType>
							<items>
								<numIndex index="0" type="array">
									<label>none</label>
									<value>0</value>
								</numIndex>
							</items>
							<default>0</default>
						</config>
					</contentByPid>

				</el>
			</ROOT>
		</sDEF>
	</sheets>
</T3DataStructure>