Skip to content
Snippets Groups Projects
Commit c24d38c5 authored by Manuel Geyer's avatar Manuel Geyer
Browse files

Commit

parent ea4d8cce
No related tags found
No related merge requests found
......@@ -13,6 +13,20 @@
"OverridableProperties": {},
"Version": "1.0"
},
"checkbox": {
"CustomGroupControlTemplateName": "",
"FirstParty": true,
"Id": "http://microsoft.com/appmagic/checkbox",
"IsComponentTemplate": false,
"IsCustomGroupControlTemplate": false,
"IsPcfControl": false,
"IsPremiumPcfControl": false,
"IsWidgetTemplate": true,
"LastModifiedTimestamp": "0",
"Name": "checkbox",
"OverridableProperties": {},
"Version": "2.1.0"
},
"groupContainer": {
"FirstParty": true,
"Id": "http://microsoft.com/appmagic/groupContainer",
......@@ -93,19 +107,5 @@
"Name": "text",
"OverridableProperties": {},
"Version": "2.3.2"
},
"triangle": {
"CustomGroupControlTemplateName": "",
"FirstParty": true,
"Id": "http://microsoft.com/appmagic/shapes/triangle",
"IsComponentTemplate": false,
"IsCustomGroupControlTemplate": false,
"IsPcfControl": false,
"IsPremiumPcfControl": false,
"IsWidgetTemplate": true,
"LastModifiedTimestamp": "0",
"Name": "triangle",
"OverridableProperties": {},
"Version": "2.3.0"
}
}
\ No newline at end of file
......@@ -4,6 +4,7 @@
"ControlUniqueIds": {
"App": 1,
"chatbox1": 7,
"Checkbox1": 29,
"eraser1": 13,
"Host": 3,
"Icon1": 12,
......@@ -13,13 +14,11 @@
"tab1": 8,
"tab2": 9,
"tab3": 10,
"tab4": 11,
"textinput1": 14,
"Triangle1": 20
"textinput1": 14
},
"FunctionParamsInvariantScripts": {},
"FunctionParamsInvariantScriptsOnInstances": {},
"HeaderLastSavedDateTimeUTC": "11/13/2023 08:38:41",
"HeaderLastSavedDateTimeUTC": "11/13/2023 10:48:33",
"IsLegacyComponentAllowGlobalScopeCase": false,
"LocalConnectionIDReferences": {
"99352d8f-567f-4bcc-a2d7-87a89a789722": "\"/providers/microsoft.powerapps/apis/shared_logicflows/connections/38d6e5b5b5fa999a16ebdf0aa169572f-c1654a69e558fc9f\"",
......@@ -39,14 +38,15 @@
"OrderPcfTemplate": {},
"OrderTemplate": {},
"OrderXMLTemplate": {
"icon": 2,
"checkbox": 2,
"icon": 1,
"label": 0,
"text": 3,
"triangle": 1
"text": 3
},
"OverridablePropertiesEntry": {
"App": {},
"chatbox1": {},
"Checkbox1": {},
"eraser1": {},
"Host": {},
"Icon1": {},
......@@ -56,27 +56,24 @@
"tab1": {},
"tab2": {},
"tab3": {},
"tab4": {},
"textinput1": {},
"Triangle1": {}
"textinput1": {}
},
"PCFDynamicSchemaForIRRetrievalEntry": {},
"PCFTemplateEntry": {},
"PublishOrderIndices": {
"App": 0,
"chatbox1": 2,
"eraser1": 8,
"chatbox1": 1,
"Checkbox1": 7,
"eraser1": 6,
"Host": 0,
"Icon1": 7,
"Icon1": 5,
"Label1": 0,
"Main": 0,
"send1": 10,
"tab1": 3,
"tab2": 4,
"tab3": 5,
"tab4": 6,
"textinput1": 9,
"Triangle1": 1
"send1": 9,
"tab1": 2,
"tab2": 3,
"tab3": 4,
"textinput1": 8
},
"ResourcesJsonIndices": {
"Image-SampleImage": 0
......
......@@ -6,29 +6,29 @@
"ClientPerFileChecksums": {
"AppCheckerResult.sarif": "C8_1SGg6AYWJEajCOhfHu82V15dI8e/Oh2cIenq75rffyw=",
"Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
"Controls\\4.json": "C8_E2l0+u9bnW2Ln5vMP0s19kcKKKCxcW7rkgS3XBtX9go=",
"Header.json": "C8_PXfDkR6t8ClCq8EFXmxgZxyPoz763Tx4/XqqeQuI7Tk=",
"Controls\\4.json": "C8_VMuILqoPqyq8lhzg9qAZJURyWueaqiFsGKwbKlg+YvY=",
"Header.json": "C8_aHT41btph4NWJUrnqQcM+L8HMUefRDWMJf9SSowzSLc=",
"Properties.json": "C8_o6YZ4aluW29zU/iKjSBS6FjfoMH+g68NJJA/v9l2oAQ=",
"References\\DataSources.json": "C8_c2e2pLWnsP1klyhzuAcGwOEuDFdaI569SQ9I0b6Zp5Q=",
"References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
"References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
"References\\Templates.json": "C8_FmGaa0JpN+4l0AKY85733d03ihUjd/UW9rC7qOHoJnA=",
"References\\Templates.json": "C8_n6ymyKgLpmIchdQoAFtYz9DIMY91cH+FItKiKNytPTs=",
"References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
"Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
},
"ClientStampedChecksum": "C8_7K10HmmHqtwUBWl1QTr/22yg9cQdtY0Xa5QcZTvXMCo=",
"ClientStampedChecksum": "C8_nO1dryZJUhbp8PaDP3uXNIBTBccX8U9aoihnGLGOoL4=",
"ServerPerFileChecksums": {
"AppCheckerResult.sarif": "C8_1SGg6AYWJEajCOhfHu82V15dI8e/Oh2cIenq75rffyw=",
"Controls\\1.json": "C8_opQhFd7tQ3IkRABVgFFq82IYQKAFbJ5qy/GElyH/FyI=",
"Controls\\4.json": "C8_E2l0+u9bnW2Ln5vMP0s19kcKKKCxcW7rkgS3XBtX9go=",
"Header.json": "C8_PXfDkR6t8ClCq8EFXmxgZxyPoz763Tx4/XqqeQuI7Tk=",
"Controls\\4.json": "C8_VMuILqoPqyq8lhzg9qAZJURyWueaqiFsGKwbKlg+YvY=",
"Header.json": "C8_aHT41btph4NWJUrnqQcM+L8HMUefRDWMJf9SSowzSLc=",
"Properties.json": "C8_o6YZ4aluW29zU/iKjSBS6FjfoMH+g68NJJA/v9l2oAQ=",
"References\\DataSources.json": "C8_c2e2pLWnsP1klyhzuAcGwOEuDFdaI569SQ9I0b6Zp5Q=",
"References\\ModernThemes.json": "C8_KDQJ/3t27vgKx25iCQB/PGqxkWE34ZB7Eyb+RxNxY0k=",
"References\\Resources.json": "C8_s+se9qfOYnCKwfIt6gbv1FGBHW47JCt5d/CkUpqbcjk=",
"References\\Templates.json": "C8_FmGaa0JpN+4l0AKY85733d03ihUjd/UW9rC7qOHoJnA=",
"References\\Templates.json": "C8_n6ymyKgLpmIchdQoAFtYz9DIMY91cH+FItKiKNytPTs=",
"References\\Themes.json": "C8_tsXtDVkT5pjhDU/pIa1ap3UW1Mua31Be8aPLGOt6H94=",
"Resources\\PublishInfo.json": "C8_BDzXB/XwFggKTFb7EVkbB4z5ZX4/lSRN87GpfLsKt+k="
},
"ServerStampedChecksum": "C8_7K10HmmHqtwUBWl1QTr/22yg9cQdtY0Xa5QcZTvXMCo="
"ServerStampedChecksum": "C8_nO1dryZJUhbp8PaDP3uXNIBTBccX8U9aoihnGLGOoL4="
}
\ No newline at end of file
This diff is collapsed.
......@@ -35,7 +35,7 @@ Main As screen:
Size: =21
Width: =479
X: =40
Y: =1001
Y: =1017
ZIndex: =1
send1 As icon.Send:
......@@ -59,7 +59,7 @@ Main As screen:
PressedFill: =RGBA(0, 0, 0, 0)
Tooltip: ="1"
X: =536
Y: =1005
Y: =1021
ZIndex: =2
chatbox1 As label:
......@@ -96,7 +96,7 @@ Main As screen:
PressedBorderColor: =RGBA(0, 0, 0, 0)
PressedColor: =RGBA(16, 110, 190, 1)
PressedFill: =RGBA(0, 0, 0, 0)
X: =40
X: =76
Y: =857
ZIndex: =10
......@@ -115,30 +115,11 @@ Main As screen:
PressedBorderColor: =RGBA(0, 0, 0, 0)
PressedColor: =RGBA(16, 110, 190, 1)
PressedFill: =RGBA(0, 0, 0, 0)
X: =123
X: =182
Y: =857
ZIndex: =11
tab3 As icon.Bookmark:
BorderColor: =RGBA(0, 0, 0, 0)
Color: =RGBA(255, 255, 255, 1)
DisabledBorderColor: =RGBA(245, 245, 245, 1)
DisabledColor: =RGBA(225, 223, 221, 1)
DisabledFill: =RGBA(0, 0, 0, 0)
Fill: =RGBA(224, 24, 24, 1)
FocusedBorderThickness: =4
HoverBorderColor: =RGBA(0, 0, 0, 0)
HoverColor: =RGBA(180, 24, 24, 1)
HoverFill: =RGBA(0, 0, 0, 0)
Icon: =Icon.Bookmark
PressedBorderColor: =RGBA(0, 0, 0, 0)
PressedColor: =RGBA(16, 110, 190, 1)
PressedFill: =RGBA(0, 0, 0, 0)
X: =206
Y: =857
ZIndex: =12
tab4 As icon.Bookmark:
BorderColor: =RGBA(0, 0, 0, 0)
Color: =RGBA(255, 255, 255, 1)
DisabledBorderColor: =RGBA(245, 245, 245, 1)
......@@ -155,7 +136,7 @@ Main As screen:
PressedFill: =RGBA(0, 0, 0, 0)
X: =288
Y: =857
ZIndex: =13
ZIndex: =12
eraser1 As icon.Erase:
BorderColor: =RGBA(0, 0, 0, 0)
......@@ -174,7 +155,7 @@ Main As screen:
PressedColor: =RGBA(16, 110, 190, 1)
PressedFill: =RGBA(0, 0, 0, 0)
X: =536
Y: =857
Y: =865
ZIndex: =15
Label1 As label:
......@@ -188,12 +169,11 @@ Main As screen:
Fill: =RGBA(255, 255, 255, 1)
FocusedBorderThickness: =4
Font: =Font.'Segoe UI'
FontWeight: =FontWeight.Bold
Size: =30
Text: ="rbb"
Width: =89
X: =275
Y: =10
X: =288
Y: =13
ZIndex: =17
Icon1 As icon.Mail:
......@@ -218,18 +198,29 @@ Main As screen:
Y: =857
ZIndex: =18
Triangle1 As triangle.rightAngled:
BorderColor: =RGBA(0, 120, 212, 1)
Checkbox1 As checkbox:
BorderColor: =RGBA(0, 0, 0, 0)
BorderStyle: =BorderStyle.None
BorderThickness: =2
DisabledFill: =RGBA(225, 223, 221, 1)
Fill: =RGBA(0, 120, 212, 1)
CheckboxBorderColor: =RGBA(96, 94, 92, 1)
CheckboxSize: =65
CheckmarkFill: =RGBA(0, 120, 212, 1)
Color: =RGBA(255, 255, 255, 1)
DisabledBorderColor: =RGBA(0, 0, 0, 0)
DisabledColor: =RGBA(161, 159, 157, 1)
FocusedBorderThickness: =4
Height: =50
HoverFill: =RGBA(0, 120, 212, 1)
PressedFill: =RGBA(0, 120, 212, 1)
Width: =72
X: =419
Y: =10
Font: =Font.'Segoe UI'
Height: =79
HoverBorderColor: =RGBA(0, 0, 0, 0)
HoverColor: =RGBA(50, 49, 48, 1)
HoverFill: =RGBA(0, 0, 0, 0)
PressedBorderColor: =RGBA(0, 0, 0, 0)
PressedColor: =RGBA(50, 49, 48, 1)
PressedFill: =RGBA(0, 0, 0, 0)
Size: =21
Text: ="Kreativity Mode"
Width: =278
X: =40
Y: =931
ZIndex: =19
<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/checkbox" name="checkbox" jsClass="AppMagic.Controls.Checkbox" version="2.1.0" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
<author name="Microsoft AppMagic" />
<license type="text/html"><![CDATA[<p>TODO: Need license text here.</p>]]></license>
<description><![CDATA[CHECKBOX
Control description here.]]></description>
<requires>
<require type="css" src="css/checkbox.css" />
<require type="javascript" src="js/checkbox.js" />
</requires>
<appMagic:capabilities contextualViewsEnabled="true" autoBorders="true" autoFocusedBorders="true" autoFill="true" autoPointerViewState="true" autoDisabledViewState="true" isVersionFlexible="true" />
<appMagic:accessibilityChecks controlIsInteractive="true" />
<content><![CDATA[
<div
class="appmagic-checkbox-control" touch-action="pan-x pan-y"
data-bind="{
css: {
readonly: isReadonly()
},
style: {
paddingTop: properties.PaddingTop,
paddingRight: properties.PaddingRight,
paddingBottom: properties.PaddingBottom,
paddingLeft: properties.PaddingLeft,
},
shortcut: {
provider: shortcutProvider
},
attr: { title:properties.Tooltip }}" >
<!-- click class is defined for label/checkbox control to enable the label to select/deselect the checkbox control -->
<label class="checkbox-label click"
data-control-part="tappable"
data-bind ="{
event: {click: handleClick},
css: { top: properties.VerticalAlign() === 'top', middle: properties.VerticalAlign() === 'middle', bottom: properties.VerticalAlign() === 'bottom' }
}">
<input
appmagic-control="__WID__"
data-control-part="input"
type="checkbox"
class="appmagic-checkbox click mousetrap"
tabIndex="-1"
data-bind="{
disable: isDisabled(),
attr: {
checked: properties.Value()
},
event: {
change: handleChange
}
}"/>
<div class="appmagic-checkbox-placeholder" data-bind="style: { fontSize: properties.CheckboxSize}">
<svg width="0.8em" height="0.8em" viewBox="0 0 36 36" enable-background="new 0 0 36 36" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
<g data-bind="
attr: {
opacity: viewState.displayMode() === AppMagic.Constants.DisplayMode.Disabled ? '0.4' : '1'
}">
<rect data-bind="attr: { fill: properties.CheckboxBackgroundFill, stroke: properties.CheckboxBorderColor }" height="28" width="28" y="4" x="4" stroke-width="2" />
<polygon class="checkmark" data-bind="attr: { fill: properties.CheckmarkFill, opacity: (properties.Value()) ? '1' : '0' }" points="16.1 25.5 10 19.4 12.1 17.3 15.8 21 23.6 10.5 26 12.3" />
</g>
</svg>
</div>
<div
style="padding-left: 10px;"
tabIndex="-1"
class="appmagic-checkbox-label"
spellcheck="false"
data-control-part="text"
data-bind="{
inlineEditText: properties.Text,
style: {
fontFamily: properties.Font,
fontSize: properties.Size,
color: autoProperties.Color,
fontWeight: properties.FontWeight,
fontStyle: properties.Italic
},
css: {
underline: properties.Underline,
strikethrough: properties.Strikethrough
}
}">
</div>
</label>
</div>
]]></content>
<properties>
<property name="Default" localizedName="##checkbox_Default##" datatype="Boolean" editable="true" defaultValue="false" direction="in">
<title>Checkbox default value</title>
<appMagic:category>data</appMagic:category>
<appMagic:displayName>##checkbox_Default_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##checkbox_Default_Tooltip##</appMagic:tooltip>
</property>
<property name="Value" localizedName="##checkbox_Value##" datatype="Boolean" direction="out" isPrimaryOutputProperty="true" supportsAutomation="true">
<title>Checkbox value</title>
<appMagic:category>data</appMagic:category>
</property>
<!-- TASK: 85476: Do Behavior properties make sense as input only? -->
<property name="OnCheck" localizedName="##checkbox_OnCheck##" datatype="Boolean" defaultValue="false" direction="in" isPrimaryBehaviorProperty="true">
<title>Checkbox checked behavior</title>
<appMagic:category>behavior</appMagic:category>
<appMagic:displayName>##checkbox_OnCheck_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##checkbox_OnCheck_Tooltip##</appMagic:tooltip>
</property>
<!-- TASK: 85476: Do Behavior properties make sense as input only? -->
<property name="OnUncheck" localizedName="##checkbox_OnUncheck##" datatype="Boolean" defaultValue="false" direction="in">
<title>Checkbox unchecked behavior</title>
<appMagic:category>behavior</appMagic:category>
<appMagic:displayName>##checkbox_OnUncheck_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##checkbox_OnUncheck_Tooltip##</appMagic:tooltip>
</property>
<property name="Reset" localizedName="##commonProperties_Reset##" datatype="Boolean" defaultValue="false" direction="in">
<title>Reset</title>
<appMagic:category>data</appMagic:category>
<appMagic:displayName>##commonProperties_Reset_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##commonProperties_Reset_Tooltip##</appMagic:tooltip>
</property>
<property name="CheckmarkFill" localizedName="##checkbox_CheckmarkFill##" datatype="Color" isExpr="true" defaultValue="RGBA(0, 0, 0, 1)" converter="argbConverter">
<title>Checkbox Checkmark Fill</title>
<appMagic:category>design</appMagic:category>
<appMagic:helperUI>color</appMagic:helperUI>
<appMagic:displayName>##checkbox_CheckmarkFill_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##checkbox_CheckmarkFill_Tooltip##</appMagic:tooltip>
</property>
<property name="CheckboxBackgroundFill" localizedName="##checkbox_BackgroundFill##" datatype="Color" isExpr="true" defaultValue="RGBA(255, 255, 255, 1)" converter="argbConverter">
<title>Checkbox Background Fill</title>
<appMagic:category>design</appMagic:category>
<appMagic:helperUI>color</appMagic:helperUI>
<appMagic:displayName>##checkbox_BackgroundFill_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##checkbox_BackgroundFill_Tooltip##</appMagic:tooltip>
</property>
<property name="CheckboxBorderColor" localizedName="##checkbox_BorderColor##" datatype="Color" isExpr="true" defaultValue="RGBA(0, 0, 0, 1)" converter="argbConverter">
<title>Checkbox Border Color</title>
<appMagic:category>design</appMagic:category>
<appMagic:helperUI>color</appMagic:helperUI>
<appMagic:displayName>##checkbox_BorderColor_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##checkbox_BorderColor_Tooltip##</appMagic:tooltip>
</property>
<property name="CheckboxSize" localizedName="##checkbox_CheckboxSize##" datatype="Number" defaultValue="40" phoneDefaultValue="70" converter="pxConverter">
<title>Checkbox Size</title>
<appMagic:category>design</appMagic:category>
<appMagic:helperUI>fontSize</appMagic:helperUI>
<appMagic:displayName>##checkbox_CheckboxSize_DisplayName##</appMagic:displayName>
<appMagic:tooltip>##checkbox_CheckboxSize_Tooltip##</appMagic:tooltip>
</property>
</properties>
<appMagic:includeProperties>
<!-- Data -->
<appMagic:includeProperty name="Text" defaultValue="##Checkbox_DefaultValue_Text##" isExpr="true" isPrimaryInputProperty="true" />
<appMagic:includeProperty name="Tooltip" />
<appMagic:includeProperty name="ContentLanguage" />
<!-- Design -->
<appMagic:includeProperty name="BorderColor" />
<appMagic:includeProperty name="DisabledBorderColor" defaultValue="RGBA(56, 56, 56, 1)" />
<appMagic:includeProperty name="BorderStyle" />
<appMagic:includeProperty name="BorderThickness" />
<appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
<appMagic:includeProperty name="FocusedBorderThickness" />
<appMagic:includeProperty name="PressedBorderColor" defaultValue="ColorFade(Self.BorderColor, -30%)" />
<appMagic:includeProperty name="HoverBorderColor" defaultValue="ColorFade(Self.BorderColor, 30%)" />
<appMagic:includeProperty name="Color" defaultValue="RGBA(70, 68, 64, 1)" />
<appMagic:includeProperty name="DisabledColor" defaultValue="RGBA(186, 186, 186, 1)" />
<appMagic:includeProperty name="Fill" />
<appMagic:includeProperty name="DisabledFill" defaultValue="RGBA(0, 0, 0, 0)" />
<appMagic:includeProperty name="Font" />
<appMagic:includeProperty name="Size" defaultValue="14" phoneDefaultValue="24" />
<appMagic:includeProperty name="PressedColor" defaultValue="RGBA(70, 68, 64, 1)" />
<appMagic:includeProperty name="HoverColor" defaultValue="RGBA(70, 68, 64, 1)" />
<appMagic:includeProperty name="PressedFill" defaultValue="ColorFade(Self.Fill, -30%)" />
<appMagic:includeProperty name="HoverFill" defaultValue="ColorFade(Self.Fill, 30%)" />
<appMagic:includeProperty name="FontWeight" defaultValue="%FontWeight.RESERVED%.Normal" />
<appMagic:includeProperty name="Italic" />
<appMagic:includeProperty name="Underline" />
<appMagic:includeProperty name="Strikethrough" />
<appMagic:includeProperty name="PaddingTop" />
<appMagic:includeProperty name="PaddingRight" />
<appMagic:includeProperty name="PaddingBottom" />
<appMagic:includeProperty name="PaddingLeft" />
<appMagic:includeProperty name="VerticalAlign" defaultValue="%VerticalAlign.RESERVED%.Middle" />
<appMagic:includeProperty name="X" />
<appMagic:includeProperty name="Y" />
<appMagic:includeProperty name="Width" defaultValue="150" phoneDefaultValue="280" />
<appMagic:includeProperty name="Height" defaultValue="50" phoneDefaultValue="85" />
<appMagic:includeProperty name="Visible" />
<appMagic:includeProperty name="DisplayMode" />
<appMagic:includeProperty name="TabIndex" />
<!-- Behavior -->
<!-- TASK: 85476: Do Behavior properties make sense as input only? -->
<appMagic:includeProperty name="OnSelect" direction="in" />
<!-- Hidden properties -->
<appMagic:includeProperty name="maximumHeight" defaultValue="768" />
<appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
<appMagic:includeProperty name="minimumHeight" defaultValue="35" />
<appMagic:includeProperty name="minimumWidth" defaultValue="100" />
</appMagic:includeProperties>
<!--Property Dependencies -->
<appMagic:propertyDependencies>
<appMagic:propertyDependency input="Default" output="Value" />
<appMagic:propertyDependency input="Reset" output="Value" />
</appMagic:propertyDependencies>
<appMagic:insertMetadata>
<appMagic:category name="Input" priority="80" />
<appMagic:category name="ClassicControls" priority="80" />
</appMagic:insertMetadata>
<!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
<appMagic:displayMetadata>
<appMagic:section>
<appMagic:property name="Text" />
<appMagic:property name="Default" />
<appMagic:property name="DisplayMode" />
</appMagic:section>
<appMagic:section>
<appMagic:property name="Visible" />
<appMagic:propertyGroup name="Position">
<appMagic:property name="X" />
<appMagic:property name="Y" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="Size">
<appMagic:property name="Width" />
<appMagic:property name="Height" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="Padding">
<appMagic:property name="PaddingTop" labelOverride="##Padding_Top_Title##" />
<appMagic:property name="PaddingBottom" labelOverride="##Padding_Bottom_Title##" />
<appMagic:property name="PaddingLeft" labelOverride="##Padding_Left_Title##" />
<appMagic:property name="PaddingRight" labelOverride="##Padding_Right_Title##" />
</appMagic:propertyGroup>
</appMagic:section>
<appMagic:section>
<appMagic:propertyGroup name="Color">
<appMagic:property name="Color" showInFloatie="true" />
<appMagic:property name="Fill" showInFloatie="true" />
</appMagic:propertyGroup>
<appMagic:property name="Font" displayType="FontEnum" showInFloatie="true" />
<appMagic:property name="Size" labelOverride="##FontSize_Property##" showInFloatie="true" />
<appMagic:property name="FontWeight" displayType="EnumIcon" itemsOrder="Bold;Semibold;Normal;Lighter" />
<appMagic:propertyGroup name="Style">
<appMagic:property name="Italic" displayType="ToggleButton" />
<appMagic:property name="Underline" displayType="ToggleButton" />
<appMagic:property name="Strikethrough" displayType="ToggleButton" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="Border">
<appMagic:property name="BorderStyle" />
<appMagic:property name="BorderThickness" />
<appMagic:property name="BorderColor" />
</appMagic:propertyGroup>
</appMagic:section>
<appMagic:section>
<appMagic:property name="CheckboxSize" />
<appMagic:propertyGroup name="CheckboxColor">
<appMagic:property name="CheckboxBackgroundFill" />
<appMagic:property name="CheckboxBorderColor" />
</appMagic:propertyGroup>
<appMagic:property name="CheckmarkFill" />
<appMagic:property name="VerticalAlign" displayType="EnumIcon" itemsOrder="Top;Middle;Bottom" />
</appMagic:section>
<appMagic:section>
<appMagic:propertyGroup name="DisabledColor">
<appMagic:property name="DisabledColor" />
<appMagic:property name="DisabledFill" />
<appMagic:property name="DisabledBorderColor" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="PressedColor">
<appMagic:property name="PressedColor" />
<appMagic:property name="PressedFill" />
<appMagic:property name="PressedBorderColor" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="HoverColor">
<appMagic:property name="HoverColor" />
<appMagic:property name="HoverFill" />
<appMagic:property name="HoverBorderColor" />
</appMagic:propertyGroup>
<appMagic:property name="Tooltip" />
<appMagic:property name="TabIndex" />
</appMagic:section>
</appMagic:displayMetadata>
<appMagic:conversion from="2.0.0" to="2.0.1">
<!-- Removed defaultValue for BorderColor. BorderColor default now defined in theme. -->
</appMagic:conversion>
<appMagic:conversion from="2.0.1" to="2.1.0">
<appMagic:conversionAction type="add" name="ContentLanguage" />
</appMagic:conversion>
</widget>
\ No newline at end of file
<widget xmlns="http://openajax.org/metadata" spec="1.0" id="http://microsoft.com/appmagic/shapes/triangle" name="triangle" jsClass="AppMagic.Controls.Shapes.Triangle" version="2.3.0" styleable="true" runtimeCost="1" xmlns:appMagic="http://schemas.microsoft.com/appMagic">
<author name="Microsoft AppMagic" />
<license type="text/html"><![CDATA[<p>TODO: Need license text here.</p>]]></license>
<description><![CDATA[Triangle
Control description here.]]></description>
<requires>
<require type="css" src="/ctrllib/shapes/css/shape.css" />
<require type="javascript" src="/ctrllib/shapes/js/shape.js" />
</requires>
<appMagic:capabilities contextualViewsEnabled="true" autoPointerViewState="true" autoDisabledViewState="true" isVersionFlexible="true" />
<content><![CDATA[
<div class="appmagic-svg no-focus-outline" data-bind="
shortcut: {
provider: shortcutProvider, capture: false
},
click: onClickHandler,
css: {
readonly: viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit
},
attr: {
title: properties.Tooltip() || null,
role: (properties.TabIndex() < 0) ? (!!properties.AccessibleLabel() && 'img') : 'button',
'aria-label': properties.AccessibleLabel() || null,
'aria-disabled': (properties.TabIndex() >= 0) && (viewState.displayMode() !== AppMagic.Constants.DisplayMode.Edit),
'aria-hidden': properties.TabIndex() < 0 && !properties.AccessibleLabel()
}">
<svg version="1.1" baseProfile="tiny" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"
focusable="false"
aria-hidden="true"
touch-action="pan-x pan-y"
data-bind="
attr: {
preserveAspectRatio: properties.PreserveAspectRatio() ? 'xMidYMid meet' : 'none'
},
style: {
width: AppMagic.Controls.converters.pxHorizontalConverter.view(properties.Width()),
height: AppMagic.Controls.converters.pxVerticalConverter.view(properties.Height())
}">
<g>
<polygon data-bind="attr: {
fill: fill,
points: innerPoints
}" />
<!-- Border polygon -->
<polygon data-bind="attr: {
fill: 'transparent',
stroke: borderColor,
'stroke-width': borderThickness,
'stroke-dasharray': properties.BorderStyle,
points: outerPoints
}" />
</g>
</svg>
</div>
]]></content>
<appMagic:includeProperties>
<appMagic:includeProperty name="AccessibleLabel" />
<appMagic:includeProperty name="Tooltip" />
<appMagic:includeProperty name="ContentLanguage" />
<appMagic:includeProperty name="Fill" defaultValue="RGBA(0, 176, 240, 1)" isPrimaryOutputProperty="true" />
<appMagic:includeProperty name="DisabledFill" defaultValue="Self.Fill" />
<appMagic:includeProperty name="PressedFill" defaultValue="Self.Fill" />
<appMagic:includeProperty name="HoverFill" defaultValue="Self.Fill" />
<appMagic:includeProperty name="BorderColor" defaultValue="RGBA(0, 0, 255, 1)" />
<appMagic:includeProperty name="BorderStyle" converter="strokeConverter" />
<appMagic:includeProperty name="BorderThickness" />
<appMagic:includeProperty name="FocusedBorderColor" defaultValue="Self.BorderColor" isExpr="true" />
<appMagic:includeProperty name="FocusedBorderThickness" />
<appMagic:includeProperty name="Visible" />
<appMagic:includeProperty name="DisplayMode" />
<appMagic:includeProperty name="TabIndex" defaultValue="-1" />
<appMagic:includeProperty name="X" />
<appMagic:includeProperty name="Y" />
<appMagic:includeProperty name="Width" defaultValue="100" />
<appMagic:includeProperty name="Height" defaultValue="100" />
<!-- Behavior Properties -->
<appMagic:includeProperty name="OnSelect" direction="in" isPrimaryInputProperty="true" />
<!-- Hidden properties -->
<appMagic:includeProperty name="minimumWidth" defaultValue="1" />
<appMagic:includeProperty name="minimumHeight" defaultValue="20" />
<appMagic:includeProperty name="maximumWidth" defaultValue="1366" />
<appMagic:includeProperty name="maximumHeight" defaultValue="768" />
<appMagic:includeProperty name="PreserveAspectRatio" defaultValue="false" />
</appMagic:includeProperties>
<appMagic:controlVariants>
<appMagic:controlVariant name="rightAngled">
<appMagic:insertMetadata>
<appMagic:category name="Shapes" priority="90" />
</appMagic:insertMetadata>
</appMagic:controlVariant>
</appMagic:controlVariants>
<appMagic:insertMetadata>
<appMagic:category name="Shapes" priority="80" />
</appMagic:insertMetadata>
<!-- Display metadata providing property visibility, order, sections, and grouping in UI (e.g. properties panel) -->
<appMagic:displayMetadata>
<appMagic:section>
<appMagic:property name="DisplayMode" />
</appMagic:section>
<appMagic:section>
<appMagic:property name="Visible" />
<appMagic:propertyGroup name="Position">
<appMagic:property name="X" />
<appMagic:property name="Y" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="Size">
<appMagic:property name="Width" />
<appMagic:property name="Height" />
</appMagic:propertyGroup>
</appMagic:section>
<appMagic:section>
<appMagic:propertyGroup name="Color">
<appMagic:property name="Fill" showInFloatie="true" showInCommandBar="true" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="Border">
<appMagic:property name="BorderStyle" showInCommandBar="true" />
<appMagic:property name="BorderThickness" showInCommandBar="true" />
<appMagic:property name="BorderColor" showInCommandBar="true" />
</appMagic:propertyGroup>
</appMagic:section>
<appMagic:section>
<appMagic:propertyGroup name="DisabledColor">
<appMagic:property name="DisabledFill" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="HoverColor">
<appMagic:property name="HoverFill" />
</appMagic:propertyGroup>
<appMagic:propertyGroup name="PressedColor">
<appMagic:property name="PressedFill" />
</appMagic:propertyGroup>
<appMagic:property name="Tooltip" />
<appMagic:property name="TabIndex" />
</appMagic:section>
</appMagic:displayMetadata>
<appMagic:conversion from="2.0.0" to="2.1.0">
<!-- Changed to access Width and Height on measuredProperties -->
<appMagic:conversionAction type="block" newDocVersion="1.295" />
</appMagic:conversion>
<appMagic:conversion from="2.1.0" to="2.1.1">
<!-- Reverted previous change (Width and Height properties now return actual values) -->
</appMagic:conversion>
<appMagic:conversion from="2.1.1" to="2.1.2">
<!-- KO template changes for accessibility fixes -->
</appMagic:conversion>
<appMagic:conversion from="2.1.2" to="2.2.0">
<appMagic:conversionAction type="add" name="ContentLanguage" />
</appMagic:conversion>
<appMagic:conversion from="2.2.0" to="2.3.0">
<!-- Adding showInCommandBar flag -->
</appMagic:conversion>
</widget>
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment