You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@royale.apache.org by ca...@apache.org on 2020/04/02 11:27:43 UTC

[royale-asjs] branch develop updated: tour-de-jewel: change all "id" left in mxml to "localId"

This is an automated email from the ASF dual-hosted git repository.

carlosrovira pushed a commit to branch develop
in repository https://gitbox.apache.org/repos/asf/royale-asjs.git


The following commit(s) were added to refs/heads/develop by this push:
     new c7ab951  tour-de-jewel: change all "id" left in mxml to "localId"
c7ab951 is described below

commit c7ab951d537ac83f0027e53d552adeff7cb17cf7
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Thu Apr 2 13:27:37 2020 +0200

    tour-de-jewel: change all "id" left in mxml to "localId"
---
 .../src/main/royale/AdvancedListPlayGround.mxml        |  2 +-
 .../TourDeJewel/src/main/royale/AlertPlayGround.mxml   |  2 +-
 .../src/main/royale/ButtonBarPlayGround.mxml           |  2 +-
 .../TourDeJewel/src/main/royale/ButtonPlayGround.mxml  |  6 +++---
 .../src/main/royale/CheckBoxPlayGround.mxml            |  2 +-
 .../src/main/royale/DateComponentsPlayGround.mxml      | 18 +++++++++---------
 .../TourDeJewel/src/main/royale/ImagePlayGround.mxml   |  8 ++++----
 .../TourDeJewel/src/main/royale/LabelPlayGround.mxml   |  2 +-
 .../TourDeJewel/src/main/royale/LayoutsPlayGround.mxml | 12 ++++++------
 .../TourDeJewel/src/main/royale/ListPlayGround.mxml    |  2 +-
 .../jewel/TourDeJewel/src/main/royale/MainContent.mxml |  2 +-
 .../src/main/royale/NumericStepperPlayGround.mxml      |  4 ++--
 .../TourDeJewel/src/main/royale/PopUpPlayGround.mxml   |  4 ++--
 .../src/main/royale/RadioButtonPlayGround.mxml         |  2 +-
 .../src/main/royale/SnackbarPlayGround.mxml            |  4 ++--
 .../TourDeJewel/src/main/royale/TablePlayGround.mxml   |  6 +++---
 .../src/main/royale/TextInputPlayGround.mxml           |  6 +++---
 .../src/main/royale/VirtualListsPlayGround.mxml        |  2 +-
 .../TourDeJewel/src/main/royale/WizardPlayGround.mxml  |  4 ++--
 .../main/royale/components/ComboBoxPopUpContent.mxml   |  2 +-
 .../src/main/royale/components/FormExample.mxml        |  4 ++--
 21 files changed, 48 insertions(+), 48 deletions(-)

diff --git a/examples/jewel/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
index 6e4cb33..17d2475 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/AdvancedListPlayGround.mxml
@@ -138,7 +138,7 @@ limitations under the License.
 	</fx:Script>
 
 	<c:model>
-		<models:ListsModel id="listModel"/>
+		<models:ListsModel localId="listModel"/>
 	</c:model>
 
 	<c:beads>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/AlertPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/AlertPlayGround.mxml
index ac97c39..2ad5df4 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/AlertPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/AlertPlayGround.mxml
@@ -112,7 +112,7 @@ limitations under the License.
             <j:Card>
                 <j:CardPrimaryContent>
                     <j:Label text="Click the button below to display an Alert window and capture the button pressed by the user." multiline="true"/>
-                <j:Label id="status"/>
+                <j:Label localId="status"/>
                 </j:CardPrimaryContent>
                 <j:CardActions>
                     <j:Button text="Click Me" click="clickHandler(event)"/>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
index df0aeb2..0c75493 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/ButtonBarPlayGround.mxml
@@ -29,7 +29,7 @@ limitations under the License.
 	</c:beads>
 
 	<c:model>
-		<models:ListsModel id="listModel"/>
+		<models:ListsModel localId="listModel"/>
 	</c:model>
 
 	<j:Grid gap="true" itemsVerticalAlign="itemsSameHeight">
diff --git a/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
index 501c048..fd83f7b 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/ButtonPlayGround.mxml
@@ -313,15 +313,15 @@ limitations under the License.
 							<j:TableRow>
 								<j:TableCell/>
 								<j:TableCell align="center">
-									<j:HSlider id="slider_w" value="140" minimum="120" maximum="250" valueChange="onValueChange(event)"/>
+									<j:HSlider localId="slider_w" value="140" minimum="120" maximum="250" valueChange="onValueChange(event)"/>
 								</j:TableCell>
 							</j:TableRow>
 							<j:TableRow>
 								<j:TableCell align="center">
-									<j:VSlider id="slider_h" value="50" minimum="40" maximum="250" valueChange="onValueChange(event)"/>
+									<j:VSlider localId="slider_h" value="50" minimum="40" maximum="250" valueChange="onValueChange(event)"/>
 								</j:TableCell>
 								<j:TableCell width="270" height="270" align="center">
-									<j:Button id="reizableButton" text="Resize {slider_w.value}x{slider_h.value}" emphasis="{StyledUIBase.PRIMARY}" width="140" height="50"/>
+									<j:Button localId="reizableButton" text="Resize {slider_w.value}x{slider_h.value}" emphasis="{StyledUIBase.PRIMARY}" width="140" height="50"/>
 								</j:TableCell>
 							</j:TableRow>
 						</j:TBody>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
index ab2bf9a..8311b27 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/CheckBoxPlayGround.mxml
@@ -73,7 +73,7 @@ limitations under the License.
 				</j:CheckBox>
 				<j:CheckBox text="Only height to 35 and disabled" selected="true">
 					<j:beads>
-						<j:Disabled id="opt3disable" disabled="true"/>
+						<j:Disabled localId="opt3disable" disabled="true"/>
 						<j:InputButtonSize height="35"/>
 					</j:beads>
 				</j:CheckBox>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
index 134db20..9865bae 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/DateComponentsPlayGround.mxml
@@ -107,16 +107,16 @@ limitations under the License.
 		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
 			<j:Card>
 				<html:H3 text="Jewel DateChooser (Default)"/>
-				<j:DateChooser id="dateChooserDefault" change="dateChooserDefaultChanged()"/>
-				<j:Label id="dateChooserDefaultSelectedDate" multiline="true" html="&lt;strong>DateChooser selected date:&lt;/strong> " width="275"/>
+				<j:DateChooser localId="dateChooserDefault" change="dateChooserDefaultChanged()"/>
+				<j:Label localId="dateChooserDefaultSelectedDate" multiline="true" html="&lt;strong>DateChooser selected date:&lt;/strong> " width="275"/>
 			</j:Card>
 		</j:GridCell>
 
 		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
 			<j:Card>
 				<html:H3 text="Jewel DateChooser (Spanish)"/>
-				<j:DateChooser id="dateChooserES" change="dateChooserESChanged()" initComplete="configDateChooserToES()"/>
-				<j:Label id="dateChooserESSelectedDate" multiline="true" html="&lt;strong>DateChooser fecha seleccionada:&lt;/strong> " width="275"/>
+				<j:DateChooser localId="dateChooserES" change="dateChooserESChanged()" initComplete="configDateChooserToES()"/>
+				<j:Label localId="dateChooserESSelectedDate" multiline="true" html="&lt;strong>DateChooser fecha seleccionada:&lt;/strong> " width="275"/>
 			</j:Card>
 		</j:GridCell>
 
@@ -125,7 +125,7 @@ limitations under the License.
 				<html:H3 text="Jewel DateField (Default)"/>
 
 				<j:HGroup gap="3">
-					<j:DateField id="dateFieldDefault" change="dateFieldDefaultChanged()" dateFormat="MM/DD/YYYY">
+					<j:DateField localId="dateFieldDefault" change="dateFieldDefaultChanged()" dateFormat="MM/DD/YYYY">
 						<j:beads>
 							<j:DateFieldTextPrompt prompt="MM/DD/YYYY"/>
 						</j:beads>
@@ -133,7 +133,7 @@ limitations under the License.
 					<j:Button text="Select today" click="dateFieldToToday()" emphasis="primary"/>
 					<j:Button text="Date to null" click="dateFieldToNull()" />
 				</j:HGroup>
-				<j:Label id="dateFieldDefaultSelectedDate" multiline="true" html="&lt;strong>DateField selected date:&lt;/strong> "/>
+				<j:Label localId="dateFieldDefaultSelectedDate" multiline="true" html="&lt;strong>DateField selected date:&lt;/strong> "/>
 			</j:Card>
 		</j:GridCell>
 
@@ -142,14 +142,14 @@ limitations under the License.
 				<html:H3 text="Jewel DateField (Spanish)"/>
 
 				<j:HGroup gap="3">
-					<j:DateField id="dateFieldES" change="dateFieldESChanged()" beadsAdded="configDateFieldToES()">
+					<j:DateField localId="dateFieldES" change="dateFieldESChanged()" beadsAdded="configDateFieldToES()">
 						<j:beads>
 							<j:DateFieldTextPrompt prompt="{promptText}"/>
 						</j:beads>
 					</j:DateField>
 					<j:Button text="Selecciona Hoy" click="dateFieldESToToday()" emphasis="primary"/>
 				</j:HGroup>
-				<j:Label id="dateFieldESSelectedDate" multiline="true" html="&lt;strong>DateField fecha seleccionada:&lt;/strong> "/>
+				<j:Label localId="dateFieldESSelectedDate" multiline="true" html="&lt;strong>DateField fecha seleccionada:&lt;/strong> "/>
 				<j:Button text="Change Prompt" emphasis="secondary" click="promptText = 'Other prompt'"/>
 			</j:Card>
 		</j:GridCell>
@@ -157,7 +157,7 @@ limitations under the License.
 		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
 			<j:Card>
 				<html:H3 text="Jewel DateChooser - selectedDate: {someDate}"/>
-				<j:DateChooser id="dateChooserSelectedDate" change="dateChooserDefaultChanged()" selectedDate="{someDate}"/>
+				<j:DateChooser localId="dateChooserSelectedDate" change="dateChooserDefaultChanged()" selectedDate="{someDate}"/>
 				<j:Label multiline="true" html="&lt;strong>DateChooser selected date:&lt;/strong> {dateChooserSelectedDate.selectedDate}" width="275"/>
 			</j:Card>
 		</j:GridCell>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/ImagePlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/ImagePlayGround.mxml
index 041692d..4841f62 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/ImagePlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/ImagePlayGround.mxml
@@ -54,16 +54,16 @@ limitations under the License.
 			<j:Card>
 				<html:H3 text="Jewel Image"/>
 
-				<j:Image id="image" src="assets/royale_spheres.png" click="imageClick(event)"/>
-				<j:Label id="imageResult" text="Image is an img tag in html"/>
+				<j:Image localId="image" src="assets/royale_spheres.png" click="imageClick(event)"/>
+				<j:Label localId="imageResult" text="Image is an img tag in html"/>
 			</j:Card>
 		</j:GridCell>
 		<j:GridCell desktopNumerator="1" desktopDenominator="2" tabletNumerator="1" tabletDenominator="2" phoneNumerator="1" phoneDenominator="1">
 			<j:Card>
 				<html:H4 text="Jewel ImageButton"/>
 
-				<j:ImageButton id="imageButton" src="assets/royale_spheres.png" click="imageButtonClick(event)"/>
-				<j:Label id="imageButtonResult" text="Image is an input type='image' tag in html"/>
+				<j:ImageButton localId="imageButton" src="assets/royale_spheres.png" click="imageButtonClick(event)"/>
+				<j:Label localId="imageButtonResult" text="Image is an input type='image' tag in html"/>
 			</j:Card>
 		</j:GridCell>
 	</j:Grid>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/LabelPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/LabelPlayGround.mxml
index 1c0b6b4..dc10493 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/LabelPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/LabelPlayGround.mxml
@@ -56,7 +56,7 @@ limitations under the License.
             <j:Card width="350">
 				<html:H3 text="Jewel Label"/>
 
-				<j:Label id="label" text="This is a Label" click="labelClick(event)" className="cursor-pointer">
+				<j:Label localId="label" text="This is a Label" click="labelClick(event)" className="cursor-pointer">
 					<j:beads>
 						<j:ToolTip toolTip="This Label is clickable!"/>
 					</j:beads>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
index 6f0d499..3f07df7 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/LayoutsPlayGround.mxml
@@ -56,7 +56,7 @@ limitations under the License.
 					<html:H3 text="Jewel HorizontalLayout"/>
 				</j:CardHeader>
 				<j:CardPrimaryContent>
-					<j:HGroup id="hg" gap="3" className="wrapper">
+					<j:HGroup localId="hg" gap="3" className="wrapper">
 						<j:Button text="X" emphasis="primary"/>
 						<j:Button text="Y" emphasis="secondary"/>
 						<j:Button text="Z" emphasis="emphasized"/>
@@ -72,7 +72,7 @@ limitations under the License.
 			<j:Card>
 				<html:H4 text="Jewel VerticalLayout"/>
 
-				<j:VGroup id="vg" gap="3" className="wrapper">
+				<j:VGroup localId="vg" gap="3" className="wrapper">
 					<j:Button text="X" emphasis="primary"/>
 					<j:Button text="Y" emphasis="secondary"/>
 					<j:Button text="Z" emphasis="emphasized"/>
@@ -89,7 +89,7 @@ limitations under the License.
 
 				<j:Group width="200" height="200" className="wrapper">
 					<j:beads>
-						<j:HorizontalCenteredLayout id="hcl" gap="3"/>
+						<j:HorizontalCenteredLayout localId="hcl" gap="3"/>
 					</j:beads>
 					<j:Button text="X" emphasis="primary"/>
 					<j:Button text="Y" emphasis="secondary"/>
@@ -108,7 +108,7 @@ limitations under the License.
 
 				<j:Group width="200" height="200" className="wrapper">
 					<j:beads>
-						<j:VerticalCenteredLayout id="vcl" gap="3"/>
+						<j:VerticalCenteredLayout localId="vcl" gap="3"/>
 					</j:beads>
 					<j:Button text="X" emphasis="primary"/>
 					<j:Button text="Y" emphasis="secondary"/>
@@ -127,7 +127,7 @@ limitations under the License.
 
 				<j:Group className="wrapper">
 					<j:beads>
-						<j:HorizontalFlowLayout id="hfl" gap="3"/>
+						<j:HorizontalFlowLayout localId="hfl" gap="3"/>
 					</j:beads>
 					<j:Button text="X" emphasis="primary" width="60"/>
 					<j:Button text="Y" emphasis="secondary" width="60"/>
@@ -146,7 +146,7 @@ limitations under the License.
 
 				<j:Group className="wrapper" height="200">
 					<j:beads>
-						<j:VerticalFlowLayout id="vfl" gap="3"/>
+						<j:VerticalFlowLayout localId="vfl" gap="3"/>
 					</j:beads>
 					<j:Button text="X" emphasis="primary" width="60"/>
 					<j:Button text="Y" emphasis="secondary" width="60"/>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/ListPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/ListPlayGround.mxml
index c67b152..fb01c88 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/ListPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/ListPlayGround.mxml
@@ -129,7 +129,7 @@ limitations under the License.
 	</fx:Script>
 
 	<c:model>
-		<models:ListsModel id="listModel"/>
+		<models:ListsModel localId="listModel"/>
 	</c:model>
 
 	<c:beads>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml b/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml
index 655b0bc..4b791a9 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/MainContent.mxml
@@ -170,7 +170,7 @@ limitations under the License.
     </j:model>
 
     <j:beads>
-        <js:Router id="router" stateChange="hashChanged()" /> 
+        <js:Router localId="router" stateChange="hashChanged()" /> 
         <js:ContainerDataBinding/>
         <js:BrowserOrientation localId="bo"/>
 		<j:CleanValidationErrors/>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
index 37ab299..b49747f 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/NumericStepperPlayGround.mxml
@@ -47,8 +47,8 @@ limitations under the License.
 				<html:H3 text="Jewel NumericStepper"/>
 
 				<j:HGroup gap="3" itemsVerticalAlign="itemsCenter">
-					<j:NumericStepper id="numericStepper" valueChange="valueChangeHandler(event)"/>
-					<j:Label id="result" text="Default NumericStepper: "/>
+					<j:NumericStepper localId="numericStepper" valueChange="valueChangeHandler(event)"/>
+					<j:Label localId="result" text="Default NumericStepper: "/>
 				</j:HGroup>
 
 				<j:HGroup gap="3" itemsVerticalAlign="itemsCenter">
diff --git a/examples/jewel/TourDeJewel/src/main/royale/PopUpPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
index bf87ba7..d9446e6 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/PopUpPlayGround.mxml
@@ -79,7 +79,7 @@ limitations under the License.
 				<!-- PopUp 1-->
 				<j:Label text="Click the button below to display a Modal PopUp"/>
 				<j:CheckBox localId="check1" selected="{popup1.open}" text="open/close the popup: {popup1.open}" />
-				<j:PopUp id="popup1" className="somePopUpContent" modal="true"
+				<j:PopUp localId="popup1" className="somePopUpContent" modal="true"
 							open="{check1.selected}"
 							openPopUp="openPopUpHandler(event)"
 							closePopUp="closePopUpHandler(event)" />
@@ -92,7 +92,7 @@ limitations under the License.
 				<!-- PopUp 2-->
 				<j:Label text="Click the button below to display a non modal PopUp"/>
 				<j:Button text="show popup: {popup2.open}" emphasis="primary" click="popup2.open = !popup2.open;"/>
-				<j:PopUp id="popup2"
+				<j:PopUp localId="popup2"
 						 closePopUp="popupFormContent.formValidator.removeAllErrorTips()">
 					<c:FormExample localId="popupFormContent" label="Form example in a PopUp" width="490" height="392"/>
 				</j:PopUp>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
index 6dfdef5..4fb4a2e 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/RadioButtonPlayGround.mxml
@@ -73,7 +73,7 @@ limitations under the License.
 				</j:RadioButton>
 				<j:RadioButton groupName="radios_sizes" text="Only height to 35 and disabled" selected="true">
 					<j:beads>
-						<j:Disabled id="opt3disable" disabled="true"/>
+						<j:Disabled localId="opt3disable" disabled="true"/>
 						<j:InputButtonSize height="35"/>
 					</j:beads>
 				</j:RadioButton>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
index 0265365..a9ded82 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/SnackbarPlayGround.mxml
@@ -73,7 +73,7 @@ limitations under the License.
 				<j:Label text="Click the button below to display an Snackbar and capture the action pressed by the user." multiline="true"/>
 				<j:Button text="Click Me" click="clickHandler(event)"/>
 
-				<j:Label id="status"/>
+				<j:Label localId="status"/>
 
 				<!-- Alert 3 (Long Message)-->
 				<j:Label text="This is long message example just for demonstration. Do not use long message and 'DISMISS' action in Snackbar, because it automatically disappear after a timeout." multiline="true"/>
@@ -85,7 +85,7 @@ limitations under the License.
 				<html:H3 text="Snackbar with emphasis"/>
 				<j:Label text="Click the button below to display Snackbar with different emphasis" multiline="true"/>
 				<j:VGroup gap="8">
-					<j:Button text="Default" id="button" click="Snackbar.show('This is Default')"/>
+					<j:Button text="Default" localId="button" click="Snackbar.show('This is Default')"/>
 					<j:Button text="Primary" emphasis="{StyledUIBase.PRIMARY}" click="{Snackbar.show('This is Primary').emphasis = StyledUIBase.PRIMARY}"/>
 					<j:Button text="Secondary" emphasis="{StyledUIBase.SECONDARY}" click="{Snackbar.show('Secondary with ACTION',4000,'ACTION').emphasis = StyledUIBase.SECONDARY}"/>
 					<j:Button text="Emphasized" emphasis="{StyledUIBase.EMPHASIZED}" click="{Snackbar.show('This is Emphasized with some message').emphasis = StyledUIBase.EMPHASIZED}"/>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml
index fcc1a89..23234d1 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/TablePlayGround.mxml
@@ -25,7 +25,7 @@ limitations under the License.
 	xmlns:models="models.*" sourceCodeUrl="TablePlayGround.mxml">
 	
 	<c:model>
-		<models:TablesModel id="tablesModel"/>
+		<models:TablesModel localId="tablesModel"/>
 	</c:model>
 
 	<c:beads>
@@ -192,7 +192,7 @@ limitations under the License.
 				<html:H3 text="Jewel Table"/>
 				<j:HGroup gap="3">
 					<j:VGroup gap="3">
-						<j:Table id="table" change="onChange(event)" dataProvider="{tablesModel.guitarrists}">
+						<j:Table localId="table" change="onChange(event)" dataProvider="{tablesModel.guitarrists}">
 							<j:TableColumn dataField="icon" label="" align="center" itemRenderer="itemRenderers.TableCellCloseIconItemRenderer"/>
 							<j:TableColumn dataField="guitarrist" label="Guitarrist"/>
 							<j:TableColumn dataField="album" label="Album" align="center" columnLabelAlign="center"/>
@@ -206,7 +206,7 @@ limitations under the License.
 								<j:RemoveAllItemRendererForArrayListData/>
 							</j:beads>
 						</j:Table>
-						<j:Label id="selected"/>
+						<j:Label localId="selected"/>
 					</j:VGroup>
 					<j:VGroup gap="3">
 						<j:Button click="changeTableData()" text="Change Data" emphasis="primary"/>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
index 69fe4ed..57a37d5 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/TextInputPlayGround.mxml
@@ -78,7 +78,7 @@ limitations under the License.
 					<j:beads>
 						<j:HorizontalLayout gap="3"/>
 					</j:beads>
-					<j:TextInput id="textToChange">
+					<j:TextInput localId="textToChange">
 						<j:beads>
 							<j:TextPrompt prompt="{promptText}"/>
 						</j:beads>
@@ -101,7 +101,7 @@ limitations under the License.
 				</j:TextInput>
 
 				<j:HGroup gap="3" itemsVerticalAlign="itemsSameHeight">
-					<j:TextInput id="textinput">
+					<j:TextInput localId="textinput">
 						<j:beads>
 							<j:TextPrompt prompt="HSlider resize..."/>
 						</j:beads>
@@ -109,7 +109,7 @@ limitations under the License.
 					<j:Label text="A label to check layout"/>
 				</j:HGroup>
 
-				<j:HSlider id="slider_w" width="350" value="211" minimum="10" maximum="350" valueChange="onValueChange(event)"/>
+				<j:HSlider localId="slider_w" width="350" value="211" minimum="10" maximum="350" valueChange="onValueChange(event)"/>
 				<j:Label text="textinput.width='{textinput.width}'"/>
 
 				<j:VGroup gap="3">
diff --git a/examples/jewel/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
index 216aa95..1fee1fc 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/VirtualListsPlayGround.mxml
@@ -137,7 +137,7 @@ limitations under the License.
 						<j:TextInput>
 							<j:beads>
 								<j:TextPrompt prompt="filter list..."/>
-								<j:SearchFilterForList id="filter" list="{virtualIconList}"/>
+								<j:SearchFilterForList localId="filter" list="{virtualIconList}"/>
 							</j:beads>
 						</j:TextInput> -->
 						<!-- <j:Button text="Trace Collection Labels" click="traceCollectionLabels()"/> -->
diff --git a/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml b/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml
index 7e56642..85b5a46 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/WizardPlayGround.mxml
@@ -67,7 +67,7 @@ limitations under the License.
 		<j:GridCell desktopNumerator="1" desktopDenominator="1" tabletNumerator="1" tabletDenominator="1" phoneNumerator="1" phoneDenominator="1">
 			<j:Card>
 				
-				<j:Wizard id="wizard" width="100%" height="500">
+				<j:Wizard localId="wizard" width="100%" height="500">
 					<j:previousButton>
 						<j:Group>
 							<j:IconButton emphasis="{StyledUIBase.SECONDARY}">
@@ -104,7 +104,7 @@ limitations under the License.
 
 					<j:WizardPage name="page2">
 						<j:step>
-							<j:WizardStep id="sl" name="page2" previousStep="page1" nextStep="page3" stepLabel="Page 2"/>
+							<j:WizardStep localId="sl" name="page2" previousStep="page1" nextStep="page3" stepLabel="Page 2"/>
 						</j:step>
 
 						<j:Group>
diff --git a/examples/jewel/TourDeJewel/src/main/royale/components/ComboBoxPopUpContent.mxml b/examples/jewel/TourDeJewel/src/main/royale/components/ComboBoxPopUpContent.mxml
index c14c1fd..6a7d273 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/components/ComboBoxPopUpContent.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/components/ComboBoxPopUpContent.mxml
@@ -27,7 +27,7 @@ limitations under the License.
 	</j:beads>
     
     <j:model>
-		<models:ListsModel id="listModel"/>
+		<models:ListsModel localId="listModel"/>
 	</j:model>
 
     <j:ComboBox labelField="label" dataProvider="{listModel.avengers}" style="top: 0; left: 50%">
diff --git a/examples/jewel/TourDeJewel/src/main/royale/components/FormExample.mxml b/examples/jewel/TourDeJewel/src/main/royale/components/FormExample.mxml
index 752cf96..a97c631 100644
--- a/examples/jewel/TourDeJewel/src/main/royale/components/FormExample.mxml
+++ b/examples/jewel/TourDeJewel/src/main/royale/components/FormExample.mxml
@@ -50,12 +50,12 @@ limitations under the License.
     </fx:Script>
 
     <j:beads>
-        <j:FormValidator id="formValidator" trigger="{btn}" triggerEvent="click" requiredFieldError="There are invalid data, please check it."/>
+        <j:FormValidator localId="formValidator" trigger="{btn}" triggerEvent="click" requiredFieldError="There are invalid data, please check it."/>
         <js:ContainerDataBinding/>
     </j:beads>
 
     <j:model>
-        <models:ListsModel id="listModel"/>
+        <models:ListsModel localId="listModel"/>
     </j:model>
 
     <j:FormHeading initComplete="event.target.label = label"/>