<?xml version="1.0" encoding="UTF-8"?>
<sdkExtension
	xmlns="http://www.sap.com/bi/zen/sdk"
	id="com.sap.ip.bi"
	title="Design Studio SDK Extension ui5"
	version="16.173"
	vendor="SAP SE">
	
	<component
		id="FormattedTextView"
		title="Formatted Text View"
		handlerType="sapui5"
    modes="commons m"
		tooltip="Enables application of text formatting"
		icon="res/zen.rt.components.ui5/formattedtextview.png"
		propertySheetPath="res/zen.rt.components.ui5/formattedtextview/additional_properties_sheet/additional_properties_sheet_formattedtextview.html"
		group="2_CMPGR_STANDARD_COMPONENTS_ZEN">
    <requireJs modes="commons">zen.rt.components.ui5/formattedtextview/js/component</requireJs>
		<requireJs modes="m">zen.rt.components.ui5/formattedtextview/js/component_m</requireJs>
		<property
			id="htmlText"
			title="HTML Text"
		  visible="false"
			tooltip="Text with placeholders"
			type="String"/>
		<initialization>
		  <defaultValue property="LEFT_MARGIN">30</defaultValue>
			<defaultValue property="TOP_MARGIN">20</defaultValue>
			<defaultValue property="WIDTH">100</defaultValue>
			<defaultValue property="HEIGHT">60</defaultValue>
			<defaultValue property="htmlText">&lt;h1&gt;Sample text&lt;/h1&gt;</defaultValue>
		</initialization>
	</component>

	<component
		id="FragmentGallery"
		title="Fragment Gallery"
		handlerType="sapui5"
		tooltip="Fragment Gallery"
    	modes="commons"
		icon="res/zen.rt.components.ui5/fragmentgallery/images/fragmentgallery_icon.png"
		group="2_CMPGR_STANDARD_COMPONENTS_ZEN">
		<requireJs modes="commons">zen.rt.components.ui5/fragmentgallery/js/fragmentgallery</requireJs>
		<jsInclude>res/zen.rt.components.ui5/fragmentgallery/js/fragmentgallery.js</jsInclude>
		<cssInclude>res/zen.rt.components.ui5/fragmentgallery/css/fragmentgallery.css</cssInclude>
		<property 
			id="selectedId" 
			type="String" 
			title="Selected ID" 
			visible="false"/>

		<property 
			id="deletionKey" 
			type="String" 
			title="Deletion key" 
			visible="false"/>
			
		<property 
			id="deletionAllowed" 
			type="boolean" 
			title="Deletion Allowed" 
			visible="false"/>	
			
		<property 
			id="dragDrop" 
			type="boolean" 
			title="Enable Drag and Drop" 
			visible="true"/>

		<property 
			id="imageUrl" 
			type="Url" 
			title="Image URL" 
			visible="false"/>

		<property 
			id="itemSize" 
			type="int" 
			title="Item dimension" 
			tooltip="Specifies the base value in pixels from which the width or height of the items in the component is calculated"
			group="Display"/>

		<property 
			id="galleryMode" 
			type="String" 
			title="Display mode" 
			tooltip="Specifies the display mode of the items within the component"
			group="Display">
			<possibleValue>Image</possibleValue>
			<possibleValue>ImageText</possibleValue>
			<possibleValue>Text</possibleValue>
		</property>

		<property 
			id="galleryOrientation" 
			type="String" 
			title="Orientation" 
			tooltip="Specifies the orientation of the component"
			group="Display">
			<possibleValue>horizontal</possibleValue>
			<possibleValue>vertical</possibleValue>
		</property>

		<property 
			id="onSelectionChange" 
			type="ScriptText" 
			title="On Selection Change" 
			group="Events" />
			
		<property 
			id="onDeletion" 
			type="ScriptText" 
			title="On Deletion" 
			group="Events"
			visible="false" />	

		<property 
			id="items" 
			type="String" 
			title="The array of items in the fragment gallery."
			group="Display" 
			visible="false" />

		<initialization>
			<defaultValue property="WIDTH">400</defaultValue>
			<defaultValue property="HEIGHT">100</defaultValue>
			<defaultValue property="itemSize">100</defaultValue>
			<defaultValue property="galleryMode">ImageText</defaultValue>
			<defaultValue property="galleryOrientation">horizontal</defaultValue>
			<defaultValue property="dragDrop">true</defaultValue>
			<defaultValue property="deletionAllowed">false</defaultValue>
		</initialization>
		
	</component>

	<component
		id="DataSourceBrowser"
		title="Data Source Browser"
		handlerType="sapui5"
		tooltip="Implements a dialog for browsing data sources"
    modes="commons m"
		group="CMPGR_HIDDEN_COMPONENTS">
		<jsInclude>res/zen.rt.components.ui5/datasourcebrowser/js/datasourcebrowser.js</jsInclude>
		<cssInclude>res/zen.rt.components.ui5/datasourcebrowser/css/datasourcebrowser.css</cssInclude>
		<property id="owner" type="String" title="Owner" visible="false" />
		<property id="connectionType" type="String" title="Connection Type" visible="false" />
		<property id="config" type="String" title="Config JSON" visible="false" />
	</component>

<component
    id="SelectionTable"
    title="Selection Table"
    icon="res/zen.rt.components.ui5/selecttable/icon.png"
    handlerType="div"
    group="CMPGR_HIDDEN_COMPONENTS"
    databound="true">
    <jsInclude>res/zen.rt.components.ui5/selecttable/component.js</jsInclude>
    <property
      id="data"
      title="Data Selection"
      type="ResultSet"
      group="DataBinding">
           <option name="includeFormattedData" value="true"/>
           <option name="includeData" value="false"/>      
           <option name="maxCells" value="50000"/>      
      </property>
    <property
      id="visSelection"
      title="Visual Selection"
      type="String"
      visible="false"/>
    <property
      id="onSelect"
      title="On Select"
      type="ScriptText"
      group="Events"/>
    <property type="int" title="Selection Shape" id="selectionShape"/>
    <property type="int" title="currrentSelectionShape" id="currrentSelectionShape" visible="false"/>
    <initialization>
      <defaultValue property="WIDTH">150</defaultValue>
      <defaultValue property="HEIGHT">200</defaultValue>
      <defaultValue property="selectionShape">2</defaultValue>
    </initialization>
  </component>
  
  
  <component
		id="Icon"
		title="Icon"
		icon="res/zen.rt.components.ui5/icon/icon.png"
		tooltip="Displays any Icon from the UI5 IconPool or from any selected fontfile."
		handlerType="sapui5"
		group="2_CMPGR_STANDARD_COMPONENTS_ZEN"
    modes="commons m"
		propertySheetPath="res/zen.rt.components.ui5/icon/additional_properties_sheet/icon_aps.html">
		<requireJs modes="commons m">zen.rt.components.ui5/icon/js/icon_component</requireJs>
		<property
			id="customFont"
			title="Custom Font"
			type="Url"
			tooltip="Select your preferred font. The corresponding font icons are displayed on the Additional Properties sheet on the Custom Font tab and are available for selection."
			group="Display">
			 <option name="kind" value="Font"/>
		</property>
		<property
			id="parsedFont"
			title="Parsed Font"
			type="String"
			group="Display"
			visible="false">
		</property>
		<property
			id="color"
			title="Color"
			type="Color"
			tooltip="Specifies the color of the icon"
			group="Display"
			bindable="true"/>
		<property
			id="backgroundColor"
			title="Background Color"
			type="Color"
			tooltip="Specifies the color of the icon background"
			group="Display"
			bindable="true"/>
		<property
			id="backgroundShape"
			title="Background Shape"
			type="String"
			tooltip="Specifies the shape of the icon background"
			group="Display"
			bindable="true">
			<possibleValue title="Rectangle">RECTANGLE</possibleValue>
			<possibleValue title="Ellipsis">ELLIPSIS</possibleValue>
			<possibleValue title="None">NONE</possibleValue>
		</property>
		<property id="sizeFactor"
			title="Size Factor"
			type="float"
			tooltip="Specifies the relative size of the icon compared to the bounding rectangle (valid range from 0.0 to 1.0)"
			group="Display"
			bindable="true"/>
		<property
			id="iconUri"
			title="Icon URI"
			type="String"
			group="Display"
			tooltip="The icon URI must have the following structure: 'sap-icon://name' or 'sap-icon://collection/name'"
			bindable="true"/>
		<property
			id="tooltip"
			title="Tooltip"
			type="Text"
			group="Display"
			tooltip="Specifies the tooltip for the icon"
			bindable="true"/>
		<property
			id="onclick"
			title="On Click"
			type="ScriptText"
			group="Events"/>
		<initialization>
			<defaultValue property="WIDTH">100</defaultValue>
			<defaultValue property="HEIGHT">100</defaultValue>
			<defaultValue property="TOP_MARGIN">100</defaultValue>
			<defaultValue property="LEFT_MARGIN">100</defaultValue>
			<defaultValue property="color">white</defaultValue>
			<defaultValue property="backgroundColor">#0080C0</defaultValue>
			<defaultValue property="backgroundShape">RECTANGLE</defaultValue>
			<defaultValue property="sizeFactor">0.8</defaultValue>
			<defaultValue property="iconUri">sap-icon://accelerated</defaultValue>
		</initialization>
	</component>
	<component
		id="Switch"
		title="Switch"
		tooltip="A switch is a user interface control that is used for change between binary states. The user can drag the button handle or tap to change the state."
		icon="res/zen.rt.components.ui5/switch/icon.png"
		handlerType="sapui5"
		modes="m"
		group="2_CMPGR_STANDARD_COMPONENTS_ZEN">
		<requireJs modes="m">zen.rt.components.ui5/switch/js/component</requireJs>
		<property
			id="enabled"
			title="Enabled"
			tooltip="Specifies if the component is enabled. Disabled components do not allow user interaction."
			type="boolean"
			group="CGR_GENERAL"
			bindable="true"/>
		<property
			id="tooltip"
			title="Tooltip"
			tooltip="Specifies the tooltip for the switch"
			type="Text"
			group="Display"
			bindable="true"/>
		<property
			id="state"
			title="On"
			tooltip="The state of the switch (on/off)"
			type="boolean"
			group="Display"
			bindable="true"/>
		<property 
			id="mode" 
			type="String" 
			title="Mode" 
			tooltip="Mode of the Switch">
			<possibleValue>OnOff</possibleValue>
			<possibleValue>Blank</possibleValue>
			<possibleValue>AcceptReject</possibleValue>
		</property>
					
		<property
			id="onChange"
			title="On Change"
			tooltip="Triggered when the user clicks the component"
			type="ScriptText"
			group="Events"/>

		<initialization>
			<defaultValue property="LEFT_MARGIN">100</defaultValue>
			<defaultValue property="TOP_MARGIN">100</defaultValue>
			<defaultValue property="enabled">true</defaultValue>
			<defaultValue property="state">false</defaultValue>
			<defaultValue property="mode">OnOff</defaultValue>
		</initialization>
	</component>
<component
    id="Link"
    title="Link"
		tooltip="Displays a link"
		icon="res/zen.rt.components.ui5/icon/icon.png"
    handlerType="sapui5"
		group="2_CMPGR_STANDARD_COMPONENTS_ZEN"
    modes="m">
		<requireJs modes="m">zen.rt.components.ui5/link/js/component</requireJs>
		<property
			id="text"
			title="Text"
			type="Text"
			tooltip="Text displayed as link"
			bindable="true"/>
		<property
			id="tooltip"
			title="Tooltip"
			type="Text"
			tooltip="Specifies the tooltip for the link"
			bindable="true"/>
		<property
			id="url"
			title="URL"
			type="String"
			tooltip="Navigation target that is opened if the user clicks the link (opens in new window/tab, no inplace navigation)"
			bindable="true"/>
		<property
			id="enabled"
			title="Enabled"
			type="boolean"
			tooltip="Specifies if the component is enabled. Disabled components do not allow user interaction."
			group="CGR_GENERAL"
			bindable="true"/>
		<property 
			id="style" 
			type="String" 
			title="Style" 
			tooltip="Style of the link">
			<possibleValue>Normal</possibleValue>
			<possibleValue>Subtle</possibleValue>
			<possibleValue>Emphasized</possibleValue>
		</property>
		<property
			id="onclick"
			title="On Click"
			type="ScriptText"
			tooltip="Triggered when the user clicks the link"
			group="Events"/>		
    <initialization>
      <defaultValue property="LEFT_MARGIN">40</defaultValue>
      <defaultValue property="TOP_MARGIN">40</defaultValue>
      <defaultValue property="WIDTH">100</defaultValue>
      <defaultValue property="HEIGHT">24</defaultValue>
      <defaultValue property="url"></defaultValue>
      <defaultValue property="text">Link</defaultValue>
      <defaultValue property="style">Normal</defaultValue>
      <defaultValue property="enabled">true</defaultValue>
    </initialization>
  </component>	
	<component
		id="ProgressIndicator"
		title="Progress Indicator"
		icon="res/zen.rt.components.ui5/progress/progressindicator.png"
		tooltip="Shows the progress of a process in a graphical way"
		handlerType="sapui5"
		group="2_CMPGR_STANDARD_COMPONENTS_ZEN"
    modes="m">
		<requireJs modes="m">zen.rt.components.ui5/progress/js/component</requireJs>
		<property
			id="tooltip"
			title="Tooltip"
			type="Text"
			tooltip="Specifies the tooltip for the progress indicator"
			group="Display"/>
		<property
			id="text"
			title="Text"
			type="Text"
			tooltip="Specifies the text displayed on the bar"
			group="Display"
			bindable="true"/>
		<property
			id="percentValue"
			title="Percent Value"
			type="float"
			tooltip="Progress expressed as a number between 0 and 100"
			group="Display"
			bindable="true"/>
		<property
			id="state"
			title="State"
			type="String"
			tooltip="The state of the bar. Possible values are Error, Warning, Success, None(default)."
			group="Display"
			bindable="true">
			<possibleValue>None</possibleValue>
			<possibleValue>Error</possibleValue>
			<possibleValue>Warning</possibleValue>
			<possibleValue>Success</possibleValue>
			</property>
		<initialization>
			<defaultValue property="WIDTH">300</defaultValue>
			<defaultValue property="HEIGHT">40</defaultValue>
			<defaultValue property="TOP_MARGIN">100</defaultValue>
			<defaultValue property="LEFT_MARGIN">100</defaultValue>
			<defaultValue property="text"></defaultValue>
			<defaultValue property="percentValue">0.0</defaultValue>
			<defaultValue property="state">None</defaultValue>
		</initialization>
	</component>
	<component
	    id="TextArea"
	    title="Text Area"
			tooltip="Enables the user to write user-specific content in the text area at runtime"
			icon="res/zen.rt.components.ui5/textarea/icon.png"
	    handlerType="sapui5"
			group="2_CMPGR_STANDARD_COMPONENTS_ZEN"
	    modes="m">
			<requireJs modes="m">zen.rt.components.ui5/textarea/js/component</requireJs>
			<property
				id="enabled"
				title="Enabled"
				type="boolean"
				tooltip="Specifies if the component is enabled. Disabled components do not allow user interaction."
				group="CGR_GENERAL"
				bindable="true"/>
			<property
				id="editable"
				title="Editable"
				type="boolean"
				tooltip="Specifies whether the text area can be edited"
				bindable="true"/>
			<property
				id="value"
				title="Value"
				type="MultiLineText"
				tooltip="Specifies the value of the text area"
				bindable="true"/>
			<property
				id="tooltip"
				title="Tooltip"
				type="Text"
				tooltip="Specifies the tooltip for the text area"
				bindable="true"/>
			<property
				id="onChange"
				title="On Change"
				type="ScriptText"
				tooltip="Triggered when the value changes AND the focus moves away from the text area"
				group="Events"/>		
	    <initialization>
	      <defaultValue property="LEFT_MARGIN">40</defaultValue>
	      <defaultValue property="TOP_MARGIN">40</defaultValue>
	      <defaultValue property="WIDTH">150</defaultValue>
	      <defaultValue property="HEIGHT">100</defaultValue>
	      <defaultValue property="enabled">true</defaultValue>
	      <defaultValue property="editable">true</defaultValue>
	    </initialization>
	  </component>
<component
		id="SegmentedButton"
		title="Segmented Button"
		handlerType="sapui5"
		icon="res/zen.rt.components.ui5/segmentedButton/images/segmentedButton.png"
    	modes="m"
		tooltip="Enables application of text formatting"
		group="2_CMPGR_STANDARD_COMPONENTS_ZEN">
		<requireJs modes="m">zen.rt.components.ui5/segmentedButton/js/component_m</requireJs>
			
		<property 
		id="onClick" 
		type="ScriptText" 
		title="On Select" 
		group="Events" />
		
		<property 
		id="selectedText" 
		type="String" 
		title="Selected Text" 
		visible="false" />
		
		<property 
		id="selectedValue" 
		type="String" 
		title="Selected Value" 
		visible="false" />
		
		<property
      id="ButtonItems"
      type="Array"
      title="Items">
      <property
        id="Item"
        type="Object"
        title="Item">
     
        <property
          id="value"
          type="String"
          title="Value">
          <option name="keyfield" value="true"/>
        </property>
          
        <property
          id="text"
          type="Text"
          title="Text" />
        
        <property
          id="tooltip"
          type="Text"
          title="Tooltip" />
          
        <property
          id="image"
          type="Url"
          title="Icon"/>
          <property
          id="disabled"
          type="boolean"
          title="disabled"
          visible="false"/>
        </property>
      </property>
    
			
			
		<initialization>
		  <defaultValue property="LEFT_MARGIN">30</defaultValue>
			<defaultValue property="TOP_MARGIN">20</defaultValue>
			<defaultValue property="WIDTH">100</defaultValue>
			<defaultValue property="HEIGHT">60</defaultValue>
			<defaultValue property="htmlText">&lt;h1&gt;Sample text&lt;/h1&gt;</defaultValue>
		</initialization>
	</component>
</sdkExtension>
