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/10/05 21:44:23 UTC
[royale-asjs] branch develop updated: new temporal blog example
"Using a ComboBox"
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 c777059 new temporal blog example "Using a ComboBox"
c777059 is described below
commit c777059b8d197097bab857da7d63d8049299466c
Author: Carlos Rovira <ca...@apache.org>
AuthorDate: Mon Oct 5 23:44:13 2020 +0200
new temporal blog example "Using a ComboBox"
---
.../BE0016_Using_ComboBox.as3proj | 95 +++++++++++++++++
examples/blog/BE0016_Using_ComboBox/README.txt | 28 ++++++
examples/blog/BE0016_Using_ComboBox/asconfig.json | 34 +++++++
examples/blog/BE0016_Using_ComboBox/build.xml | 64 ++++++++++++
examples/blog/BE0016_Using_ComboBox/pom.xml | 112 +++++++++++++++++++++
.../resources/jewel-example-index-template.html | 31 ++++++
.../src/main/royale/BE0016_Using_ComboBox.mxml | 98 ++++++++++++++++++
.../src/main/royale/vos/IconListVO.as | 33 ++++++
8 files changed, 495 insertions(+)
diff --git a/examples/blog/BE0016_Using_ComboBox/BE0016_Using_ComboBox.as3proj b/examples/blog/BE0016_Using_ComboBox/BE0016_Using_ComboBox.as3proj
new file mode 100644
index 0000000..e77e678
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/BE0016_Using_ComboBox.as3proj
@@ -0,0 +1,95 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<project>
+ <output>
+ <movie disabled="False"/>
+ <movie path="bin-debug/BE0004_Adding_an_item_to_a_Jewel_List.swf"/>
+ <movie version="11"/>
+ <movie input=""/>
+ <movie width="800"/>
+ <movie height="600"/>
+ <movie fps="60"/>
+ <movie background="#FFFFFF"/>
+ <movie platform="Flash Player"/>
+ </output>
+ <!-- Other classes to be compiled into your SWF -->
+ <classpaths>
+ <class path="src/main/royale"/>
+ </classpaths>
+ <moonshineResourcePaths></moonshineResourcePaths>
+ <moonshineNativeExtensionPaths></moonshineNativeExtensionPaths>
+ <build>
+ <option useResourceBundleMetadata="True"/>
+ <option showBindingWarnings="True"/>
+ <option warnings="True"/>
+ <option es="False"/>
+ <option verboseStackTraces="False"/>
+ <option additional="-theme=${royalelib}/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css -html-template=src/main/resources/jewel-example-index-template.html"/>
+ <option loadConfig=""/>
+ <option linkReport=""/>
+ <option benchmark="False"/>
+ <option optimize="False"/>
+ <option showActionScriptWarnings="True"/>
+ <option staticLinkRSL="False"/>
+ <option locale=""/>
+ <option compilerConstants=""/>
+ <option showDeprecationWarnings="True"/>
+ <option antBuildPath="build/build.xml"/>
+ <option showUnusedTypeSelectorWarnings="True"/>
+ <option customSDK=""/>
+ <option strict="True"/>
+ <option accessible="False"/>
+ <option useNetwork="True"/>
+ <option allowSourcePathOverlap="False"/>
+ </build>
+ <includeLibraries></includeLibraries>
+ <libraryPaths></libraryPaths>
+ <externalLibraryPaths></externalLibraryPaths>
+ <rslPaths></rslPaths>
+ <intrinsics>
+ <element path="Library/AS3/frameworks/Flex4"/>
+ <element path="Library\AS3\frameworks\Flex4"/>
+ </intrinsics>
+ <library></library>
+ <compileTargets>
+ <compile path="src/main/royale/BE0004_Adding_an_item_to_a_Jewel_List.mxml"/>
+ </compileTargets>
+ <hiddenPaths></hiddenPaths>
+ <preBuildCommand>null</preBuildCommand>
+ <postBuildCommand alwaysRun="False">null</postBuildCommand>
+ <options>
+ <option testMovie=""/>
+ <option showHiddenPaths="False"/>
+ <option testMovieCommand=""/>
+ <option defaultBuildTargets=""/>
+ <option isPrimeFacesVisualEditor="False"/>
+ </options>
+ <moonshineRunCustomization>
+ <option deviceSimulator="null"/>
+ <option targetPlatform="2"/>
+ <option launchMethod="Simulator"/>
+ <option urlToLaunch=""/>
+ <option projectType="2"/>
+ <deviceSimulator>null</deviceSimulator>
+ <certAndroid>null</certAndroid>
+ <certIos>null</certIos>
+ <certIosProvisioning>null</certIosProvisioning>
+ </moonshineRunCustomization>
+</project>
\ No newline at end of file
diff --git a/examples/blog/BE0016_Using_ComboBox/README.txt b/examples/blog/BE0016_Using_ComboBox/README.txt
new file mode 100644
index 0000000..2d4820e
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/README.txt
@@ -0,0 +1,28 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+
+DESCRIPTION
+
+Adding an item to a Jewel List
+
+In this example we'll cover how to set up a Jewel List control that shows a list of basic string data in a Royale application, then will add and item to the list.
+
+Source code of the code exposed in the following Apache Royale Blog Example post:
+
+https://royale.apache.org/adding-an-item-to-a-jewel-list
diff --git a/examples/blog/BE0016_Using_ComboBox/asconfig.json b/examples/blog/BE0016_Using_ComboBox/asconfig.json
new file mode 100644
index 0000000..65ec055
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/asconfig.json
@@ -0,0 +1,34 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+{
+ "config": "royale",
+ "compilerOptions": {
+ "debug": false,
+ "targets": ["JSRoyale", "SWF"],
+ "source-map": true,
+ "html-template": "src/main/resources/jewel-example-index-template.html",
+ "theme": "${royalelib}/themes/Jewel-Light-NoFlat-Primary-Amethyst-Theme/src/main/resources/defaults.css"
+ },
+ "copySourcePathAssets": true,
+ "additionalOptions": "-remove-circulars -js-output-optimization=skipAsCoercions",
+ "files":
+ [
+ "src/main/royale/BE0016_Using_ComboBox.mxml"
+ ]
+}
diff --git a/examples/blog/BE0016_Using_ComboBox/build.xml b/examples/blog/BE0016_Using_ComboBox/build.xml
new file mode 100644
index 0000000..2e9dc39
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/build.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+
+
+<project name="BE0004_Adding_an_item_to_a_Jewel_List" default="main" basedir=".">
+ <property name="ROYALE_HOME" location="../../.."/>
+ <property name="example" value="App" />
+
+ <property file="${ROYALE_HOME}/env.properties"/>
+ <property environment="env"/>
+ <property file="${ROYALE_HOME}/build.properties"/>
+ <property name="ROYALE_HOME" value="${ROYALE_HOME}"/>
+
+ <include file="${basedir}/../../build_example.xml" />
+
+ <target name="main" depends="clean,build_example.compile" description="Clean build of ${example}">
+ <mkdir dir="${basedir}/bin/js-debug/assets" />
+ <copy todir="${basedir}/bin/js-debug/assets" failonerror="false">
+ <fileset dir="${basedir}/src/main/resources/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ <mkdir dir="${basedir}/bin/js-release/assets" />
+ <copy todir="${basedir}/bin/js-release/assets" failonerror="false">
+ <fileset dir="${basedir}/src/main/resources/assets">
+ <include name="**" />
+ </fileset>
+ </copy>
+ </target>
+
+ <target name="clean">
+ <delete dir="${basedir}/bin" failonerror="false" />
+ <delete dir="${basedir}/bin-debug" failonerror="false" />
+ <delete dir="${basedir}/bin-release" failonerror="false" />
+ <delete dir="${basedir}/target" failonerror="false" />
+ </target>
+
+ <target name="examine" depends="build_example.get.browser">
+ <property name="which" value="debug" />
+ <echo message="See various team members."/>
+ <exec executable="${browser}" dir="${basedir}/bin/js-${which}" failonerror="true">
+ <arg value="${basedir}/bin/js-${which}/index.html"/>
+ </exec>
+ </target>
+
+
+</project>
diff --git a/examples/blog/BE0016_Using_ComboBox/pom.xml b/examples/blog/BE0016_Using_ComboBox/pom.xml
new file mode 100644
index 0000000..5820ec4
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/pom.xml
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+--><project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
+ <modelVersion>4.0.0</modelVersion>
+
+ <parent>
+ <groupId>org.apache.royale.examples</groupId>
+ <artifactId>examples-blog</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ </parent>
+
+ <artifactId>BE0016_Using_ComboBox</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <packaging>swf</packaging>
+
+ <name>Apache Royale: Examples: Blog: 0016: Using ComboBox</name>
+
+ <build>
+ <sourceDirectory>src/main/royale</sourceDirectory>
+ <plugins>
+ <plugin>
+ <groupId>org.apache.royale.compiler</groupId>
+ <artifactId>royale-maven-plugin</artifactId>
+ <extensions>true</extensions>
+ <configuration>
+ <mainClass>BE0016_Using_ComboBox.mxml</mainClass>
+ <targets>${royale.targets}</targets>
+ <debug>false</debug>
+ <htmlTemplate>${basedir}/target/javascript/bin/js-debug/jewel-example-index-template.html</htmlTemplate>
+ </configuration>
+ </plugin>
+ </plugins>
+ </build>
+
+ <dependencies>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Jewel</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>js</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>HTML</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>js</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Icons</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>js</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Jewel-Light-NoFlat-Primary-Amethyst-Theme</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <type>swc</type>
+ <scope>theme</scope>
+ <classifier>js</classifier>
+ </dependency>
+ </dependencies>
+
+ <profiles>
+ <profile>
+ <id>option-with-swf</id>
+ <dependencies>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Jewel</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>Icons</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ <dependency>
+ <groupId>org.apache.royale.framework</groupId>
+ <artifactId>HTML</artifactId>
+ <version>0.9.8-SNAPSHOT</version>
+ <type>swc</type>
+ <classifier>swf</classifier>
+ </dependency>
+ </dependencies>
+ </profile>
+ </profiles>
+
+<properties /></project>
diff --git a/examples/blog/BE0016_Using_ComboBox/src/main/resources/jewel-example-index-template.html b/examples/blog/BE0016_Using_ComboBox/src/main/resources/jewel-example-index-template.html
new file mode 100644
index 0000000..d98e4cf
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/src/main/resources/jewel-example-index-template.html
@@ -0,0 +1,31 @@
+<!--
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+-->
+<!DOCTYPE html>
+<html>
+<head>
+ <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
+ <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+ <meta name="Custom Template for injecting custom style CSS">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
+ <link rel="stylesheet" type="text/css" href="${application}.css">
+ <link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
+${head}
+</head>
+<body>
+${body}
+</body>
+</html>
diff --git a/examples/blog/BE0016_Using_ComboBox/src/main/royale/BE0016_Using_ComboBox.mxml b/examples/blog/BE0016_Using_ComboBox/src/main/royale/BE0016_Using_ComboBox.mxml
new file mode 100644
index 0000000..c2903d0
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/src/main/royale/BE0016_Using_ComboBox.mxml
@@ -0,0 +1,98 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+
+ Licensed to the Apache Software Foundation (ASF) under one or more
+ contributor license agreements. See the NOTICE file distributed with
+ this work for additional information regarding copyright ownership.
+ The ASF licenses this file to You under the Apache License, Version 2.0
+ (the "License"); you may not use this file except in compliance with
+ the License. You may obtain a copy of the License at
+
+ http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+
+-->
+<j:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
+ xmlns:j="library://ns.apache.org/royale/jewel"
+ xmlns:js="library://ns.apache.org/royale/basic"
+ xmlns:html="library://ns.apache.org/royale/html"
+ xmlns:vos="vos.*">
+
+ <fx:Script>
+ <![CDATA[
+ import org.apache.royale.collections.ArrayList;
+ import vos.IconListVO;
+
+ private var _avengers:ArrayList = new ArrayList([
+ new IconListVO("Iron Man", MaterialIconType.WEB_ASSET),
+ new IconListVO("Hulk", MaterialIconType.WEB_ASSET),
+ new IconListVO("Thor", MaterialIconType.WEB_ASSET),
+ new IconListVO("Captain America", MaterialIconType.WEB_ASSET),
+ new IconListVO("Black Widow", MaterialIconType.WEB_ASSET),
+ new IconListVO("Hawkeye", MaterialIconType.WEB_ASSET),
+ new IconListVO("Vision", MaterialIconType.WEB_ASSET),
+ new IconListVO("Scarlet Witch", MaterialIconType.WEB_ASSET),
+ new IconListVO("Spiderman", MaterialIconType.WEB_ASSET),
+ new IconListVO("All Avengers and Guardians of the Galaxy", MaterialIconType.WEB_ASSET)
+ ]);
+
+ [Bindable]
+ public function get avengers():ArrayList
+ {
+ return _avengers;
+ }
+
+ ]]>
+ </fx:Script>
+
+ <j:beads>
+ <js:ApplicationDataBinding/>
+ </j:beads>
+
+ <j:initialView>
+ <j:View>
+ <j:beads>
+ <js:Paddings padding="30"/>
+ <j:VerticalLayout gap="3"/>
+ </j:beads>
+
+ <html:H3 text="ComboBox Search"/>
+
+ <j:Label multiline="true">
+ <j:html><![CDATA[<p>This <b>ComboBox</b> uses a <b>SearchFilter</b> bead to perform a local search in the <i>dataProvider</i>. The filter is decorated, and can be configured.</p>]]></j:html>
+ </j:Label>
+
+ <j:ComboBox localId="cmb4" labelField="label"
+ dataProvider="{avengers}"
+ >
+ <j:beads>
+ <j:ComboBoxTextPrompt prompt="Type to search..."/>
+ <j:SearchFilter/>
+ </j:beads>
+
+ <!-- <js:ArrayList>
+ <fx:Array>
+ <vos:IconListVO label="Ank" icon="{FontAwesome5IconType.ANKH}"/>
+ <vos:IconListVO label="Atom" icon="{FontAwesome5IconType.ATOM}"/>
+ <vos:IconListVO label="Burn" icon="{FontAwesome5IconType.BURN}"/>
+ <vos:IconListVO label="Candy Cane" icon="{FontAwesome5IconType.CANDY_CANE}"/>
+ <vos:IconListVO label="Fire" icon="{FontAwesome5IconType.FIRE_ALT}"/>
+ <vos:IconListVO label="Duck" icon="{FontAwesome5IconType.DUCK}"/>
+ <vos:IconListVO label="Cloud And Moon" icon="{FontAwesome5IconType.CLOUD_MOON}"/>
+ <vos:IconListVO label="Europe" icon="{FontAwesome5IconType.GLOBE_EUROPE}"/>
+ <vos:IconListVO label="Electric Guitar" icon="{FontAwesome5IconType.GUITAR_ELECTRIC}"/>
+ <vos:IconListVO label="Mask" icon="{FontAwesome5IconType.MASK}"/>
+ <vos:IconListVO label="Skull" icon="{FontAwesome5IconType.SKULL}"/>
+ <vos:IconListVO label="Spider" icon="{FontAwesome5IconType.SPIDER}"/>
+ </fx:Array>
+ </js:ArrayList> -->
+ </j:ComboBox>
+ </j:View>
+ </j:initialView>
+
+</j:Application>
\ No newline at end of file
diff --git a/examples/blog/BE0016_Using_ComboBox/src/main/royale/vos/IconListVO.as b/examples/blog/BE0016_Using_ComboBox/src/main/royale/vos/IconListVO.as
new file mode 100644
index 0000000..f30d42c
--- /dev/null
+++ b/examples/blog/BE0016_Using_ComboBox/src/main/royale/vos/IconListVO.as
@@ -0,0 +1,33 @@
+////////////////////////////////////////////////////////////////////////////////
+//
+// Licensed to the Apache Software Foundation (ASF) under one or more
+// contributor license agreements. See the NOTICE file distributed with
+// this work for additional information regarding copyright ownership.
+// The ASF licenses this file to You under the Apache License, Version 2.0
+// (the "License"); you may not use this file except in compliance with
+// the License. You may obtain a copy of the License at
+//
+// http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+//
+////////////////////////////////////////////////////////////////////////////////
+package vos
+{
+ [Bindable]
+ public class IconListVO
+ {
+ public var label:String;
+ public var icon:String;
+
+ public function IconListVO(label:String, icon:String = null)
+ {
+ this.label = label;
+ this.icon = icon;
+ }
+ }
+}