From b1301a6957ff9389dc0f1aa41ad771ef52efe4d6 Mon Sep 17 00:00:00 2001
From: Josh Tynjala <joshtynjala@bowlerhat.dev>
Date: Fri, 19 Nov 2021 10:31:40 -0800
Subject: [PATCH 1/7] apm packaging

---
 build.properties                              |   5 +
 build.xml                                     | 109 ++++++++++++++++--
 package-src.json                              |  19 +++
 package-swc.json                              |  19 +++
 sdk.properties                                |   4 +-
 themes/AeonDesktopTheme/package-src.json      |  23 ++++
 themes/AeonDesktopTheme/package-swc.json      |  23 ++++
 .../MetalWorksDesktopTheme/package-src.json   |  23 ++++
 .../MetalWorksDesktopTheme/package-swc.json   |  23 ++++
 themes/MetalWorksMobileTheme/package-src.json |  23 ++++
 themes/MetalWorksMobileTheme/package-swc.json |  23 ++++
 themes/MinimalDesktopTheme/package-src.json   |  23 ++++
 themes/MinimalDesktopTheme/package-swc.json   |  23 ++++
 themes/MinimalMobileTheme/package-src.json    |  23 ++++
 themes/MinimalMobileTheme/package-swc.json    |  23 ++++
 .../TopcoatLightMobileTheme/package-src.json  |  23 ++++
 .../TopcoatLightMobileTheme/package-swc.json  |  23 ++++
 17 files changed, 420 insertions(+), 12 deletions(-)
 create mode 100644 package-src.json
 create mode 100644 package-swc.json
 create mode 100644 themes/AeonDesktopTheme/package-src.json
 create mode 100644 themes/AeonDesktopTheme/package-swc.json
 create mode 100644 themes/MetalWorksDesktopTheme/package-src.json
 create mode 100644 themes/MetalWorksDesktopTheme/package-swc.json
 create mode 100644 themes/MetalWorksMobileTheme/package-src.json
 create mode 100644 themes/MetalWorksMobileTheme/package-swc.json
 create mode 100644 themes/MinimalDesktopTheme/package-src.json
 create mode 100644 themes/MinimalDesktopTheme/package-swc.json
 create mode 100644 themes/MinimalMobileTheme/package-src.json
 create mode 100644 themes/MinimalMobileTheme/package-swc.json
 create mode 100644 themes/TopcoatLightMobileTheme/package-src.json
 create mode 100644 themes/TopcoatLightMobileTheme/package-swc.json

diff --git a/build.properties b/build.properties
index 9a6cfa7583..00bf13eb82 100644
--- a/build.properties
+++ b/build.properties
@@ -26,4 +26,9 @@ swf.version = 30
 
 feathers.version = 4.1.1
 
+swc.file = feathers.swc
+
+apm.lib.file = feathersui_${feathers.version}.airpackage
+apm.src.file = feathersui-source_${feathers.version}.airpackage
+
 footer.text = <a href='https://feathersui.com/' target='_top'>Feathers</a> | <a href='https://github.com/BowlerHatLLC/feathersui-starling' target='_top'>Github Project</a> | <a href='https://forum.starling-framework.org/forum/feathers' target='_top'>Support Forum</a>
\ No newline at end of file
diff --git a/build.xml b/build.xml
index bc2b2a6d32..137e421d27 100644
--- a/build.xml
+++ b/build.xml
@@ -9,7 +9,7 @@
 	<property file="./build.properties"/>
 	<taskdef resource="flexUnitTasks.tasks" classpath="${flexunit}"/>
 
-	<target name="swc" depends="-feathers,-cleanup" description="builds feathers.swc only"/>
+	<target name="swc" depends="-feathers,-cleanup" description="builds .swc only"/>
 
 	<target name="api" depends="-api,-cleanup" description="builds API reference only"/>
 
@@ -22,10 +22,10 @@
 
 		<copy overwrite="true" todir="${swc.output}">
 			<fileset dir="${output.path}">
-				<include name="feathers.swc"/>
+				<include name="${swc.file}"/>
 			</fileset>
 		</copy>
-		<delete file="${output.path}/feathers.swc"/>
+		<delete file="${output.path}/${swc.file}"/>
 	</target>
 
 	<target name="package" depends="full" description="builds everything and creates a zip file for distribution">
@@ -38,6 +38,11 @@
 		</delete>
 	</target>
 
+	<target name="apm" depends="-apm,-cleanup" description="builds apm package">
+		<delete file="${output.path}/${swc.file}"/>
+		<delete dir="${themes.output}" includeemptydirs="true"/>
+	</target>
+
 	<target name="-prepare">
 		<delete dir="${output.path}"/>
 
@@ -70,14 +75,14 @@
 	</target>
 
 	<target name="-feathers" depends="-starling">
-		<echo message="Building feathers.swc"/>
+		<echo message="Building ${swc.file}"/>
 		<java jar="${compc}" dir="${basedir}" fork="true" failonerror="true">
 			<arg value="-load-config=${flashplayer.config}"/>
 			<arg value="-swf-version=${swf.version}"/>
 			<arg value="-source-path+=${source.root}"/>
 			<arg value="-include-sources+=${source.root}"/>
 			<arg value="-external-library-path+=${dependency.output}"/>
-			<arg value="-output=${output.path}/feathers.swc"/>
+			<arg value="-output=${output.path}/${swc.file}"/>
 		</java>
 	</target>
 
@@ -113,7 +118,7 @@
 			<arg value="-source-path+=${themes.root}/AeonDesktopTheme/source"/>
 			<arg value="-include-sources+=${themes.root}/AeonDesktopTheme/source"/>
 			<arg value="-external-library-path+=${dependency.output}"/>
-			<arg value="-external-library-path+=${output.path}/feathers.swc"/>
+			<arg value="-external-library-path+=${output.path}/${swc.file}"/>
 			<arg value="-output=${themes.output}/AeonDesktopTheme/swc/AeonDesktopTheme.swc"/>
 		</java>
 
@@ -124,7 +129,7 @@
 			<arg value="-source-path+=${themes.root}/MetalWorksDesktopTheme/source"/>
 			<arg value="-include-sources+=${themes.root}/MetalWorksDesktopTheme/source"/>
 			<arg value="-external-library-path+=${dependency.output}"/>
-			<arg value="-external-library-path+=${output.path}/feathers.swc"/>
+			<arg value="-external-library-path+=${output.path}/${swc.file}"/>
 			<arg value="-output=${themes.output}/MetalWorksDesktopTheme/swc/MetalWorksDesktopTheme.swc"/>
 		</java>
 
@@ -135,7 +140,7 @@
 			<arg value="-source-path+=${themes.root}/MetalWorksMobileTheme/source"/>
 			<arg value="-include-sources+=${themes.root}/MetalWorksMobileTheme/source"/>
 			<arg value="-external-library-path+=${dependency.output}"/>
-			<arg value="-external-library-path+=${output.path}/feathers.swc"/>
+			<arg value="-external-library-path+=${output.path}/${swc.file}"/>
 			<arg value="-output=${themes.output}/MetalWorksMobileTheme/swc/MetalWorksMobileTheme.swc"/>
 		</java>
 
@@ -146,7 +151,7 @@
 			<arg value="-source-path+=${themes.root}/MinimalDesktopTheme/source"/>
 			<arg value="-include-sources+=${themes.root}/MinimalDesktopTheme/source"/>
 			<arg value="-external-library-path+=${dependency.output}"/>
-			<arg value="-external-library-path+=${output.path}/feathers.swc"/>
+			<arg value="-external-library-path+=${output.path}/${swc.file}"/>
 			<arg value="-output=${themes.output}/MinimalDesktopTheme/swc/MinimalDesktopTheme.swc"/>
 		</java>
 
@@ -157,7 +162,7 @@
 			<arg value="-source-path+=${themes.root}/MinimalMobileTheme/source"/>
 			<arg value="-include-sources+=${themes.root}/MinimalMobileTheme/source"/>
 			<arg value="-external-library-path+=${dependency.output}"/>
-			<arg value="-external-library-path+=${output.path}/feathers.swc"/>
+			<arg value="-external-library-path+=${output.path}/${swc.file}"/>
 			<arg value="-output=${themes.output}/MinimalMobileTheme/swc/MinimalMobileTheme.swc"/>
 		</java>
 
@@ -168,7 +173,7 @@
 			<arg value="-source-path+=${themes.root}/TopcoatLightMobileTheme/source"/>
 			<arg value="-include-sources+=${themes.root}/TopcoatLightMobileTheme/source"/>
 			<arg value="-external-library-path+=${dependency.output}"/>
-			<arg value="-external-library-path+=${output.path}/feathers.swc"/>
+			<arg value="-external-library-path+=${output.path}/${swc.file}"/>
 			<arg value="-output=${themes.output}/TopcoatLightMobileTheme/swc/TopcoatLightMobileTheme.swc"/>
 		</java>
 	</target>
@@ -396,4 +401,86 @@
 			verbose="true"
 			toDir="${dependency.output}"/>
 	</target>
+    
+    <macrodef name="apm">
+        <attribute name="src"/>
+        <attribute name="swc"/>
+        <attribute name="readme"/>
+        <attribute name="changelog" default=""/>
+        <attribute name="package-swc"/>
+        <attribute name="package-src"/>
+            <sequential>
+				<fail unless="apm" message="Path to apm executable is missing."/>
+				<copy overwrite="true" file="@{swc}" todir="${output.path}/apm/swc"/>
+				<copy overwrite="true" file="@{package-swc}" tofile="${output.path}/apm/package.json"/>
+				<copy overwrite="true" todir="${output.path}/apm">
+					<fileset file="@{readme}"/>
+					<fileset file="@{changelog}"/>
+					<fileset file="${basedir}/LICENSE.md"/>
+				</copy>
+
+				<copy overwrite="true" todir="${output.path}/apm-src/src">
+					<fileset dir="@{src}"/>
+				</copy>
+				<copy overwrite="true" file="@{package-src}" tofile="${output.path}/apm-src/package.json"/>
+				<copy overwrite="true" todir="${output.path}/apm-src">
+					<fileset file="@{readme}"/>
+					<fileset file="@{changelog}"/>
+					<fileset file="${basedir}/LICENSE.md"/>
+				</copy>
+
+				<exec executable="${apm}" dir="${output.path}" failonerror="true">
+					<arg value="build"/>
+					<arg value="apm"/>
+				</exec>
+				<exec executable="${apm}" dir="${output.path}" failonerror="true">
+					<arg value="build"/>
+					<arg value="apm-src"/>
+				</exec>
+
+				<delete includeemptydirs="true">
+					<fileset dir="${output.path}/apm"/>
+					<fileset dir="${output.path}/apm-src"/>
+				</delete>
+        </sequential>
+    </macrodef>
+
+	<target name="-apm" depends="-feathers,-themes">
+		<apm src="${source.root}"
+			swc="${output.path}/${swc.file}"
+			readme="README.md"
+			changelog="CHANGELOG.md"
+			package-swc="package-swc.json"
+			package-src="package-src.json"/>
+		<apm src="${themes.root}/AeonDesktopTheme/source"
+			swc="${themes.output}/AeonDesktopTheme/swc/AeonDesktopTheme.swc"
+			readme="${themes.root}/AeonDesktopTheme/README.md"
+			package-swc="${themes.root}/AeonDesktopTheme/package-swc.json"
+			package-src="${themes.root}/AeonDesktopTheme/package-src.json"/>
+		<apm src="${themes.root}/MetalWorksDesktopTheme/source"
+			swc="${themes.output}/MetalWorksDesktopTheme/swc/MetalWorksDesktopTheme.swc"
+			readme="${themes.root}/MetalWorksDesktopTheme/README.md"
+			package-swc="${themes.root}/MetalWorksDesktopTheme/package-swc.json"
+			package-src="${themes.root}/MetalWorksDesktopTheme/package-src.json"/>
+		<apm src="${themes.root}/MetalWorksMobileTheme/source"
+			swc="${themes.output}/MetalWorksMobileTheme/swc/MetalWorksMobileTheme.swc"
+			readme="${themes.root}/MetalWorksMobileTheme/README.md"
+			package-swc="${themes.root}/MetalWorksMobileTheme/package-swc.json"
+			package-src="${themes.root}/MetalWorksMobileTheme/package-src.json"/>
+		<apm src="${themes.root}/MinimalDesktopTheme/source"
+			swc="${themes.output}/MinimalDesktopTheme/swc/MinimalDesktopTheme.swc"
+			readme="${themes.root}/MinimalDesktopTheme/README.md"
+			package-swc="${themes.root}/MinimalDesktopTheme/package-swc.json"
+			package-src="${themes.root}/MinimalDesktopTheme/package-src.json"/>
+		<apm src="${themes.root}/MinimalMobileTheme/source"
+			swc="${themes.output}/MinimalMobileTheme/swc/MinimalMobileTheme.swc"
+			readme="${themes.root}/MinimalMobileTheme/README.md"
+			package-swc="${themes.root}/MinimalMobileTheme/package-swc.json"
+			package-src="${themes.root}/MinimalMobileTheme/package-src.json"/>
+		<apm src="${themes.root}/TopcoatLightMobileTheme/source"
+			swc="${themes.output}/TopcoatLightMobileTheme/swc/TopcoatLightMobileTheme.swc"
+			readme="${themes.root}/TopcoatLightMobileTheme/README.md"
+			package-swc="${themes.root}/TopcoatLightMobileTheme/package-swc.json"
+			package-src="${themes.root}/TopcoatLightMobileTheme/package-src.json"/>
+	</target>
 </project>
\ No newline at end of file
diff --git a/package-src.json b/package-src.json
new file mode 100644
index 0000000000..ac7070e522
--- /dev/null
+++ b/package-src.json
@@ -0,0 +1,19 @@
+{
+  "id": "feathersui-source",
+  "name": "feathersui-source",
+  "url": "https://feathersui.com/as3-starling/",
+  "docUrl": "https://feathersui/api-reference/",
+  "description": "Cross-platform user interface components for creative frontend projects built with Starling",
+  "type": "src",
+  "version": "4.1.1",
+  "sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui-source_4.1.1.airpackage",
+  "dependencies": ["starling-source:2.7.0"],
+  "parameters": [],
+  "tags": ["components", "gui", "starling", "ui", "widgets"],
+  "status": "release",
+  "license": {
+    "type": "Simplified BSD",
+    "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+    "public": true
+  }
+}
diff --git a/package-swc.json b/package-swc.json
new file mode 100644
index 0000000000..af7f671c31
--- /dev/null
+++ b/package-swc.json
@@ -0,0 +1,19 @@
+{
+  "id": "feathersui",
+  "name": "feathersui",
+  "url": "https://feathersui.com/as3-starling/",
+  "docUrl": "https://feathersui/api-reference/",
+  "description": "Cross-platform user interface components for creative frontend projects built with Starling",
+  "type": "swc",
+  "version": "4.1.1",
+  "sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_4.1.1.airpackage",
+  "dependencies": ["starling:2.7.0"],
+  "parameters": [],
+  "tags": ["components", "gui", "starling", "ui", "widgets"],
+  "status": "release",
+  "license": {
+    "type": "Simplified BSD",
+    "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+    "public": true
+  }
+}
diff --git a/sdk.properties b/sdk.properties
index 5790f82253..6095af5100 100644
--- a/sdk.properties
+++ b/sdk.properties
@@ -22,4 +22,6 @@ flexunit = ${basedir}/third-party/flexunit/flexUnitTasks-4.2.0-20140410.jar
 # The location of the standaline Adobe Flash Player executable
 # Windows: flashplayer_##_sa_debug.exe
 # macOS: /Applications/Flash\ Player.app/Contents/MacOS/Flash\ Player\ Debugger
-flashplayer = c:/Users/josht/Applications/flashplayer_32_sa_debug.exe
\ No newline at end of file
+flashplayer = c:/Users/josht/Applications/flashplayer_32_sa_debug.exe
+
+apm = /opt/apm/apm
\ No newline at end of file
diff --git a/themes/AeonDesktopTheme/package-src.json b/themes/AeonDesktopTheme/package-src.json
new file mode 100644
index 0000000000..24b82b19f5
--- /dev/null
+++ b/themes/AeonDesktopTheme/package-src.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_AeonDesktopTheme-source",
+	"name": "Feathers UI Aeon Desktop Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Aeon desktop theme for Feathers UI (Starling version)",
+	"type": "src",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_AeonDesktopTheme-source_4.1.1.airpackage",
+	"dependencies": [
+		"starling-source:2.7.0",
+		"feathersui-source:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/AeonDesktopTheme/package-swc.json b/themes/AeonDesktopTheme/package-swc.json
new file mode 100644
index 0000000000..38b31ca332
--- /dev/null
+++ b/themes/AeonDesktopTheme/package-swc.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_AeonDesktopTheme",
+	"name": "Feathers UI Aeon Desktop Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Aeon desktop theme for Feathers UI (Starling version)",
+	"type": "swc",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_AeonDesktopTheme_4.1.1.airpackage",
+	"dependencies": [
+		"starling:2.7.0",
+		"feathersui:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MetalWorksDesktopTheme/package-src.json b/themes/MetalWorksDesktopTheme/package-src.json
new file mode 100644
index 0000000000..2838153f41
--- /dev/null
+++ b/themes/MetalWorksDesktopTheme/package-src.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MetalWorksDesktopTheme-source",
+	"name": "Feathers UI Metal Works Desktop Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Metal Works desktop theme for Feathers UI (Starling version)",
+	"type": "src",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksDesktopTheme-source_4.1.1.airpackage",
+	"dependencies": [
+		"starling-source:2.7.0",
+		"feathersui-source:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MetalWorksDesktopTheme/package-swc.json b/themes/MetalWorksDesktopTheme/package-swc.json
new file mode 100644
index 0000000000..190d10ac8e
--- /dev/null
+++ b/themes/MetalWorksDesktopTheme/package-swc.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MetalWorksDesktopTheme",
+	"name": "Feathers UI Metal Works Desktop Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Metal Works desktop theme for Feathers UI (Starling version)",
+	"type": "swc",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksDesktopTheme_4.1.1.airpackage",
+	"dependencies": [
+		"starling:2.7.0",
+		"feathersui:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MetalWorksMobileTheme/package-src.json b/themes/MetalWorksMobileTheme/package-src.json
new file mode 100644
index 0000000000..b634601de8
--- /dev/null
+++ b/themes/MetalWorksMobileTheme/package-src.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MetalWorksMobileTheme-source",
+	"name": "Feathers UI Metal Works Mobile Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Metal Works mobile theme for Feathers UI (Starling version)",
+	"type": "src",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksMobileTheme-source_4.1.1.airpackage",
+	"dependencies": [
+		"starling-source:2.7.0",
+		"feathersui-source:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MetalWorksMobileTheme/package-swc.json b/themes/MetalWorksMobileTheme/package-swc.json
new file mode 100644
index 0000000000..26256f930b
--- /dev/null
+++ b/themes/MetalWorksMobileTheme/package-swc.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MetalWorksMobileTheme",
+	"name": "Feathers UI Metal Works Mobile Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Metal Works mobile theme for Feathers UI (Starling version)",
+	"type": "swc",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksMobileTheme_4.1.1.airpackage",
+	"dependencies": [
+		"starling:2.7.0",
+		"feathersui:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MinimalDesktopTheme/package-src.json b/themes/MinimalDesktopTheme/package-src.json
new file mode 100644
index 0000000000..05036110e9
--- /dev/null
+++ b/themes/MinimalDesktopTheme/package-src.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MinimalDesktopTheme-source",
+	"name": "Feathers UI Minimal Desktop Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Minimal desktop theme for Feathers UI (Starling version)",
+	"type": "src",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalDesktopTheme-source_4.1.1.airpackage",
+	"dependencies": [
+		"starling-source:2.7.0",
+		"feathersui-source:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MinimalDesktopTheme/package-swc.json b/themes/MinimalDesktopTheme/package-swc.json
new file mode 100644
index 0000000000..0b0652c2df
--- /dev/null
+++ b/themes/MinimalDesktopTheme/package-swc.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MinimalDesktopTheme",
+	"name": "Feathers UI Minimal Desktop Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Minimal desktop theme for Feathers UI (Starling version)",
+	"type": "swc",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalDesktopTheme_4.1.1.airpackage",
+	"dependencies": [
+		"starling:2.7.0",
+		"feathersui:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MinimalMobileTheme/package-src.json b/themes/MinimalMobileTheme/package-src.json
new file mode 100644
index 0000000000..dae9bbc86d
--- /dev/null
+++ b/themes/MinimalMobileTheme/package-src.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MinimalMobileTheme-source",
+	"name": "Feathers UI Minimal Mobile Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Minimal mobile theme for Feathers UI (Starling version)",
+	"type": "src",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalMobileTheme-source_4.1.1.airpackage",
+	"dependencies": [
+		"starling-source:2.7.0",
+		"feathersui-source:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/MinimalMobileTheme/package-swc.json b/themes/MinimalMobileTheme/package-swc.json
new file mode 100644
index 0000000000..b0625edc89
--- /dev/null
+++ b/themes/MinimalMobileTheme/package-swc.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_MinimalMobileTheme",
+	"name": "Feathers UI Minimal Mobile Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Minimal mobile theme for Feathers UI (Starling version)",
+	"type": "swc",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalMobileTheme_4.1.1.airpackage",
+	"dependencies": [
+		"starling:2.7.0",
+		"feathersui:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/TopcoatLightMobileTheme/package-src.json b/themes/TopcoatLightMobileTheme/package-src.json
new file mode 100644
index 0000000000..2e11e762ed
--- /dev/null
+++ b/themes/TopcoatLightMobileTheme/package-src.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_TopcoatLightMobileTheme-source",
+	"name": "Feathers UI Topcoat Light Mobile Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Topcoat light mobile theme for Feathers UI (Starling version)",
+	"type": "src",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_TopcoatLightMobileTheme-source_4.1.1.airpackage",
+	"dependencies": [
+		"starling-source:2.7.0",
+		"feathersui-source:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file
diff --git a/themes/TopcoatLightMobileTheme/package-swc.json b/themes/TopcoatLightMobileTheme/package-swc.json
new file mode 100644
index 0000000000..972142a67a
--- /dev/null
+++ b/themes/TopcoatLightMobileTheme/package-swc.json
@@ -0,0 +1,23 @@
+{
+	"id": "feathersui_TopcoatLightMobileTheme",
+	"name": "Feathers UI Topcoat Light Mobile Theme",
+	"url": "https://feathersui.com/as3-starling/",
+	"docUrl": "https://feathersui/api-reference/",
+	"description": "Topcoat light mobile theme for Feathers UI (Starling version)",
+	"type": "swc",
+	"version": "4.1.1",
+	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_TopcoatLightMobileTheme_4.1.1.airpackage",
+	"dependencies": [
+		"starling:2.7.0",
+		"feathersui:4.1.1"
+	],
+	"parameters": [],
+	"tags": ["theme", "feathers", "starling"],
+	"status": "release",
+	"license": {
+	  "type": "Simplified BSD",
+	  "url": "https://github.com/feathersui/feathersui-starling/blob/v4.1.1/LICENSE.md",
+	  "public": true
+	}
+  }
+  
\ No newline at end of file

From 7d92dcb89bc00949b3f72406a330b0f261100686 Mon Sep 17 00:00:00 2001
From: Josh Tynjala <joshtynjala@bowlerhat.dev>
Date: Fri, 19 Nov 2021 10:43:29 -0800
Subject: [PATCH 2/7] CHANGELOG

---
 RELEASENOTES.md => CHANGELOG.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)
 rename RELEASENOTES.md => CHANGELOG.md (99%)

diff --git a/RELEASENOTES.md b/CHANGELOG.md
similarity index 99%
rename from RELEASENOTES.md
rename to CHANGELOG.md
index 188ce22e60..f0649c63a7 100644
--- a/RELEASENOTES.md
+++ b/CHANGELOG.md
@@ -1,6 +1,6 @@
-# Feathers UI Release Notes
+# Feathers UI (Starling version)
 
-Noteworthy changes in official, stable releases of [Feathers UI](https://feathersui.com/).
+Noteworthy changes in official, stable releases of [Feathers UI (Starling version)](https://feathersui.com/learn/as3-starling/).
 
 ## 4.1.1 - May 2020
 

From 59d937693140582ae5e52dd3fb952612f1c3a36c Mon Sep 17 00:00:00 2001
From: Josh Tynjala <joshtynjala@bowlerhat.dev>
Date: Fri, 19 Nov 2021 10:47:28 -0800
Subject: [PATCH 3/7] dependency ranges

---
 package-src.json                                | 2 +-
 package-swc.json                                | 2 +-
 themes/AeonDesktopTheme/package-src.json        | 4 ++--
 themes/AeonDesktopTheme/package-swc.json        | 4 ++--
 themes/MetalWorksDesktopTheme/package-src.json  | 4 ++--
 themes/MetalWorksDesktopTheme/package-swc.json  | 4 ++--
 themes/MetalWorksMobileTheme/package-src.json   | 4 ++--
 themes/MetalWorksMobileTheme/package-swc.json   | 4 ++--
 themes/MinimalDesktopTheme/package-src.json     | 4 ++--
 themes/MinimalDesktopTheme/package-swc.json     | 4 ++--
 themes/MinimalMobileTheme/package-src.json      | 4 ++--
 themes/MinimalMobileTheme/package-swc.json      | 4 ++--
 themes/TopcoatLightMobileTheme/package-src.json | 4 ++--
 themes/TopcoatLightMobileTheme/package-swc.json | 4 ++--
 14 files changed, 26 insertions(+), 26 deletions(-)

diff --git a/package-src.json b/package-src.json
index ac7070e522..fb0f8580f6 100644
--- a/package-src.json
+++ b/package-src.json
@@ -7,7 +7,7 @@
   "type": "src",
   "version": "4.1.1",
   "sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui-source_4.1.1.airpackage",
-  "dependencies": ["starling-source:2.7.0"],
+  "dependencies": ["starling-source:2.x.x"],
   "parameters": [],
   "tags": ["components", "gui", "starling", "ui", "widgets"],
   "status": "release",
diff --git a/package-swc.json b/package-swc.json
index af7f671c31..dff9d6dde1 100644
--- a/package-swc.json
+++ b/package-swc.json
@@ -7,7 +7,7 @@
   "type": "swc",
   "version": "4.1.1",
   "sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_4.1.1.airpackage",
-  "dependencies": ["starling:2.7.0"],
+  "dependencies": ["starling:2.x.x"],
   "parameters": [],
   "tags": ["components", "gui", "starling", "ui", "widgets"],
   "status": "release",
diff --git a/themes/AeonDesktopTheme/package-src.json b/themes/AeonDesktopTheme/package-src.json
index 24b82b19f5..2569b8aec4 100644
--- a/themes/AeonDesktopTheme/package-src.json
+++ b/themes/AeonDesktopTheme/package-src.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_AeonDesktopTheme-source_4.1.1.airpackage",
 	"dependencies": [
-		"starling-source:2.7.0",
-		"feathersui-source:4.1.1"
+		"starling-source:2.x.x",
+		"feathersui-source:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/AeonDesktopTheme/package-swc.json b/themes/AeonDesktopTheme/package-swc.json
index 38b31ca332..8ec0837228 100644
--- a/themes/AeonDesktopTheme/package-swc.json
+++ b/themes/AeonDesktopTheme/package-swc.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_AeonDesktopTheme_4.1.1.airpackage",
 	"dependencies": [
-		"starling:2.7.0",
-		"feathersui:4.1.1"
+		"starling:2.x.x",
+		"feathersui:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MetalWorksDesktopTheme/package-src.json b/themes/MetalWorksDesktopTheme/package-src.json
index 2838153f41..b24d31c344 100644
--- a/themes/MetalWorksDesktopTheme/package-src.json
+++ b/themes/MetalWorksDesktopTheme/package-src.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksDesktopTheme-source_4.1.1.airpackage",
 	"dependencies": [
-		"starling-source:2.7.0",
-		"feathersui-source:4.1.1"
+		"starling-source:2.x.x",
+		"feathersui-source:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MetalWorksDesktopTheme/package-swc.json b/themes/MetalWorksDesktopTheme/package-swc.json
index 190d10ac8e..9ee10fbfa8 100644
--- a/themes/MetalWorksDesktopTheme/package-swc.json
+++ b/themes/MetalWorksDesktopTheme/package-swc.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksDesktopTheme_4.1.1.airpackage",
 	"dependencies": [
-		"starling:2.7.0",
-		"feathersui:4.1.1"
+		"starling:2.x.x",
+		"feathersui:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MetalWorksMobileTheme/package-src.json b/themes/MetalWorksMobileTheme/package-src.json
index b634601de8..028c9416e4 100644
--- a/themes/MetalWorksMobileTheme/package-src.json
+++ b/themes/MetalWorksMobileTheme/package-src.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksMobileTheme-source_4.1.1.airpackage",
 	"dependencies": [
-		"starling-source:2.7.0",
-		"feathersui-source:4.1.1"
+		"starling-source:2.x.x",
+		"feathersui-source:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MetalWorksMobileTheme/package-swc.json b/themes/MetalWorksMobileTheme/package-swc.json
index 26256f930b..bc7c76b268 100644
--- a/themes/MetalWorksMobileTheme/package-swc.json
+++ b/themes/MetalWorksMobileTheme/package-swc.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksMobileTheme_4.1.1.airpackage",
 	"dependencies": [
-		"starling:2.7.0",
-		"feathersui:4.1.1"
+		"starling:2.x.x",
+		"feathersui:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MinimalDesktopTheme/package-src.json b/themes/MinimalDesktopTheme/package-src.json
index 05036110e9..225f350f15 100644
--- a/themes/MinimalDesktopTheme/package-src.json
+++ b/themes/MinimalDesktopTheme/package-src.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalDesktopTheme-source_4.1.1.airpackage",
 	"dependencies": [
-		"starling-source:2.7.0",
-		"feathersui-source:4.1.1"
+		"starling-source:2.x.x",
+		"feathersui-source:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MinimalDesktopTheme/package-swc.json b/themes/MinimalDesktopTheme/package-swc.json
index 0b0652c2df..9b6ab3ccf6 100644
--- a/themes/MinimalDesktopTheme/package-swc.json
+++ b/themes/MinimalDesktopTheme/package-swc.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalDesktopTheme_4.1.1.airpackage",
 	"dependencies": [
-		"starling:2.7.0",
-		"feathersui:4.1.1"
+		"starling:2.x.x",
+		"feathersui:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MinimalMobileTheme/package-src.json b/themes/MinimalMobileTheme/package-src.json
index dae9bbc86d..a423ee9eeb 100644
--- a/themes/MinimalMobileTheme/package-src.json
+++ b/themes/MinimalMobileTheme/package-src.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalMobileTheme-source_4.1.1.airpackage",
 	"dependencies": [
-		"starling-source:2.7.0",
-		"feathersui-source:4.1.1"
+		"starling-source:2.x.x",
+		"feathersui-source:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/MinimalMobileTheme/package-swc.json b/themes/MinimalMobileTheme/package-swc.json
index b0625edc89..d15c39455f 100644
--- a/themes/MinimalMobileTheme/package-swc.json
+++ b/themes/MinimalMobileTheme/package-swc.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalMobileTheme_4.1.1.airpackage",
 	"dependencies": [
-		"starling:2.7.0",
-		"feathersui:4.1.1"
+		"starling:2.x.x",
+		"feathersui:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/TopcoatLightMobileTheme/package-src.json b/themes/TopcoatLightMobileTheme/package-src.json
index 2e11e762ed..4e2a966fe0 100644
--- a/themes/TopcoatLightMobileTheme/package-src.json
+++ b/themes/TopcoatLightMobileTheme/package-src.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_TopcoatLightMobileTheme-source_4.1.1.airpackage",
 	"dependencies": [
-		"starling-source:2.7.0",
-		"feathersui-source:4.1.1"
+		"starling-source:2.x.x",
+		"feathersui-source:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],
diff --git a/themes/TopcoatLightMobileTheme/package-swc.json b/themes/TopcoatLightMobileTheme/package-swc.json
index 972142a67a..0452d3decc 100644
--- a/themes/TopcoatLightMobileTheme/package-swc.json
+++ b/themes/TopcoatLightMobileTheme/package-swc.json
@@ -8,8 +8,8 @@
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_TopcoatLightMobileTheme_4.1.1.airpackage",
 	"dependencies": [
-		"starling:2.7.0",
-		"feathersui:4.1.1"
+		"starling:2.x.x",
+		"feathersui:4.1.x"
 	],
 	"parameters": [],
 	"tags": ["theme", "feathers", "starling"],

From e92816ccb6a3f13492a64253ff9d53c10caebf2a Mon Sep 17 00:00:00 2001
From: Josh Tynjala <joshtynjala@bowlerhat.dev>
Date: Fri, 19 Nov 2021 10:51:43 -0800
Subject: [PATCH 4/7] publishedAt

---
 package-src.json                                | 1 +
 package-swc.json                                | 1 +
 themes/AeonDesktopTheme/package-src.json        | 1 +
 themes/AeonDesktopTheme/package-swc.json        | 1 +
 themes/MetalWorksDesktopTheme/package-src.json  | 1 +
 themes/MetalWorksDesktopTheme/package-swc.json  | 1 +
 themes/MetalWorksMobileTheme/package-src.json   | 1 +
 themes/MetalWorksMobileTheme/package-swc.json   | 1 +
 themes/MinimalDesktopTheme/package-src.json     | 1 +
 themes/MinimalDesktopTheme/package-swc.json     | 1 +
 themes/MinimalMobileTheme/package-src.json      | 1 +
 themes/MinimalMobileTheme/package-swc.json      | 1 +
 themes/TopcoatLightMobileTheme/package-src.json | 1 +
 themes/TopcoatLightMobileTheme/package-swc.json | 1 +
 14 files changed, 14 insertions(+)

diff --git a/package-src.json b/package-src.json
index fb0f8580f6..abff26dcbe 100644
--- a/package-src.json
+++ b/package-src.json
@@ -7,6 +7,7 @@
   "type": "src",
   "version": "4.1.1",
   "sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui-source_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
   "dependencies": ["starling-source:2.x.x"],
   "parameters": [],
   "tags": ["components", "gui", "starling", "ui", "widgets"],
diff --git a/package-swc.json b/package-swc.json
index dff9d6dde1..a8e493826a 100644
--- a/package-swc.json
+++ b/package-swc.json
@@ -7,6 +7,7 @@
   "type": "swc",
   "version": "4.1.1",
   "sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
   "dependencies": ["starling:2.x.x"],
   "parameters": [],
   "tags": ["components", "gui", "starling", "ui", "widgets"],
diff --git a/themes/AeonDesktopTheme/package-src.json b/themes/AeonDesktopTheme/package-src.json
index 2569b8aec4..7ab6755e22 100644
--- a/themes/AeonDesktopTheme/package-src.json
+++ b/themes/AeonDesktopTheme/package-src.json
@@ -7,6 +7,7 @@
 	"type": "src",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_AeonDesktopTheme-source_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling-source:2.x.x",
 		"feathersui-source:4.1.x"
diff --git a/themes/AeonDesktopTheme/package-swc.json b/themes/AeonDesktopTheme/package-swc.json
index 8ec0837228..4e142b6969 100644
--- a/themes/AeonDesktopTheme/package-swc.json
+++ b/themes/AeonDesktopTheme/package-swc.json
@@ -7,6 +7,7 @@
 	"type": "swc",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_AeonDesktopTheme_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling:2.x.x",
 		"feathersui:4.1.x"
diff --git a/themes/MetalWorksDesktopTheme/package-src.json b/themes/MetalWorksDesktopTheme/package-src.json
index b24d31c344..542af8e2e1 100644
--- a/themes/MetalWorksDesktopTheme/package-src.json
+++ b/themes/MetalWorksDesktopTheme/package-src.json
@@ -7,6 +7,7 @@
 	"type": "src",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksDesktopTheme-source_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling-source:2.x.x",
 		"feathersui-source:4.1.x"
diff --git a/themes/MetalWorksDesktopTheme/package-swc.json b/themes/MetalWorksDesktopTheme/package-swc.json
index 9ee10fbfa8..803f434668 100644
--- a/themes/MetalWorksDesktopTheme/package-swc.json
+++ b/themes/MetalWorksDesktopTheme/package-swc.json
@@ -7,6 +7,7 @@
 	"type": "swc",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksDesktopTheme_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling:2.x.x",
 		"feathersui:4.1.x"
diff --git a/themes/MetalWorksMobileTheme/package-src.json b/themes/MetalWorksMobileTheme/package-src.json
index 028c9416e4..0d06b270e0 100644
--- a/themes/MetalWorksMobileTheme/package-src.json
+++ b/themes/MetalWorksMobileTheme/package-src.json
@@ -7,6 +7,7 @@
 	"type": "src",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksMobileTheme-source_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling-source:2.x.x",
 		"feathersui-source:4.1.x"
diff --git a/themes/MetalWorksMobileTheme/package-swc.json b/themes/MetalWorksMobileTheme/package-swc.json
index bc7c76b268..9e1c278741 100644
--- a/themes/MetalWorksMobileTheme/package-swc.json
+++ b/themes/MetalWorksMobileTheme/package-swc.json
@@ -7,6 +7,7 @@
 	"type": "swc",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MetalWorksMobileTheme_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling:2.x.x",
 		"feathersui:4.1.x"
diff --git a/themes/MinimalDesktopTheme/package-src.json b/themes/MinimalDesktopTheme/package-src.json
index 225f350f15..9d24ada5fb 100644
--- a/themes/MinimalDesktopTheme/package-src.json
+++ b/themes/MinimalDesktopTheme/package-src.json
@@ -7,6 +7,7 @@
 	"type": "src",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalDesktopTheme-source_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling-source:2.x.x",
 		"feathersui-source:4.1.x"
diff --git a/themes/MinimalDesktopTheme/package-swc.json b/themes/MinimalDesktopTheme/package-swc.json
index 9b6ab3ccf6..7d9a5e06aa 100644
--- a/themes/MinimalDesktopTheme/package-swc.json
+++ b/themes/MinimalDesktopTheme/package-swc.json
@@ -7,6 +7,7 @@
 	"type": "swc",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalDesktopTheme_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling:2.x.x",
 		"feathersui:4.1.x"
diff --git a/themes/MinimalMobileTheme/package-src.json b/themes/MinimalMobileTheme/package-src.json
index a423ee9eeb..b3a16d5d50 100644
--- a/themes/MinimalMobileTheme/package-src.json
+++ b/themes/MinimalMobileTheme/package-src.json
@@ -7,6 +7,7 @@
 	"type": "src",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalMobileTheme-source_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling-source:2.x.x",
 		"feathersui-source:4.1.x"
diff --git a/themes/MinimalMobileTheme/package-swc.json b/themes/MinimalMobileTheme/package-swc.json
index d15c39455f..c76b2dcbca 100644
--- a/themes/MinimalMobileTheme/package-swc.json
+++ b/themes/MinimalMobileTheme/package-swc.json
@@ -7,6 +7,7 @@
 	"type": "swc",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_MinimalMobileTheme_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling:2.x.x",
 		"feathersui:4.1.x"
diff --git a/themes/TopcoatLightMobileTheme/package-src.json b/themes/TopcoatLightMobileTheme/package-src.json
index 4e2a966fe0..09df596139 100644
--- a/themes/TopcoatLightMobileTheme/package-src.json
+++ b/themes/TopcoatLightMobileTheme/package-src.json
@@ -7,6 +7,7 @@
 	"type": "src",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_TopcoatLightMobileTheme-source_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling-source:2.x.x",
 		"feathersui-source:4.1.x"
diff --git a/themes/TopcoatLightMobileTheme/package-swc.json b/themes/TopcoatLightMobileTheme/package-swc.json
index 0452d3decc..a3446aeb9c 100644
--- a/themes/TopcoatLightMobileTheme/package-swc.json
+++ b/themes/TopcoatLightMobileTheme/package-swc.json
@@ -7,6 +7,7 @@
 	"type": "swc",
 	"version": "4.1.1",
 	"sourceUrl": "https://github.com/feathersui/feathersui-starling/releases/download/v4.1.1/feathersui_TopcoatLightMobileTheme_4.1.1.airpackage",
+	"publishedAt": "2021-11-19T00:00:00.000Z",
 	"dependencies": [
 		"starling:2.x.x",
 		"feathersui:4.1.x"

From 75ab9bf9692445c1d6df7ada95493778824d33a9 Mon Sep 17 00:00:00 2001
From: Josh Tynjala <joshtynjala@bowlerhat.dev>
Date: Fri, 19 Nov 2021 11:09:37 -0800
Subject: [PATCH 5/7] Build: insert asdoc into .swc file

---
 build.xml | 31 ++++++++++++++++++++++++++++++-
 1 file changed, 30 insertions(+), 1 deletion(-)

diff --git a/build.xml b/build.xml
index 137e421d27..b22ec7ba56 100644
--- a/build.xml
+++ b/build.xml
@@ -74,7 +74,7 @@
 		</java>
 	</target>
 
-	<target name="-feathers" depends="-starling">
+	<target name="-feathers" depends="-starling,-api-xml">
 		<echo message="Building ${swc.file}"/>
 		<java jar="${compc}" dir="${basedir}" fork="true" failonerror="true">
 			<arg value="-load-config=${flashplayer.config}"/>
@@ -84,6 +84,14 @@
 			<arg value="-external-library-path+=${dependency.output}"/>
 			<arg value="-output=${output.path}/${swc.file}"/>
 		</java>
+		<echo message="Inserting asdoc XML into .swc"/>
+		<zip destfile="${output.path}/${swc.file}" update="true">
+			<zipfileset dir="${dependency.output}/tempdita" prefix="docs">
+				<include name="*.*"/>
+				<exclude name="ASDoc_Config.xml" />
+				<exclude name="overviews.xml" />
+			</zipfileset>
+		</zip>
 	</target>
 
 	<target name="-api" depends="-starling">
@@ -110,6 +118,27 @@
 		</java>
 	</target>
 
+	<target name="-api-xml" depends="-starling">
+		<echo message="Generating asdoc XML"/>
+		<java jar="${asdoc}" dir="${basedir}" fork="true" failonerror="true">
+			<arg value="+flexlib=${flashsdk.framework}"/>
+			<arg value="-swf-version=${swf.version}"/>
+			<arg value="-source-path+=${source.root}"/>
+			<arg value="-library-path+=${dependency.output}"/>
+			<arg value="-doc-sources+=${source.root}"/>
+
+			<!-- these two arguments are needed after switching to the AIR SDK
+				with ASC 2.0 to stop weird errors -->
+			<arg value="-theme="/>
+			<arg value="-compiler.fonts.local-fonts-snapshot="/>
+
+			<arg value="-keep-xml=true"/>
+			<arg value="-skip-xsl=true"/>
+			<arg value="-package-description-file=./package-descriptions.xml"/>
+			<arg value="-output=${dependency.output}"/>
+		</java>
+	</target>
+
 	<target name="-themes" depends="-feathers">
 		<echo message="Building AeonDesktopTheme.swc"/>
 		<java jar="${compc}" dir="${themes.root}/AeonDesktopTheme" fork="true" failonerror="true">

From ccc1617ef1ce35175f1296f6c0289544c8c01a55 Mon Sep 17 00:00:00 2001
From: Josh Tynjala <joshtynjala@bowlerhat.dev>
Date: Fri, 17 Jun 2022 15:35:06 -0700
Subject: [PATCH 6/7] api: more mobile friendly

---
 .../api-reference/templates/all-classes.xslt  |   1 +
 .../api-reference/templates/all-index.xslt    |   7 +-
 .../api-reference/templates/asdoc-util.xslt   | 181 +++---------------
 .../api-reference/templates/class-files.xslt  |   1 +
 .../api-reference/templates/class-list.xslt   |   1 +
 .../templates/class-summary.xslt              |   1 +
 .../api-reference/templates/index-list.html   |   1 +
 .../api-reference/templates/index.html        |   1 +
 .../api-reference/templates/mxml-tags.html    |   1 +
 .../templates/package-detail.xslt             |   1 +
 .../templates/package-frame.html              |   1 +
 .../api-reference/templates/package-list.xslt |   1 +
 .../templates/package-summary.xslt            |   1 +
 .../api-reference/templates/package.xslt      |   1 +
 .../api-reference/templates/style.css         |  82 ++++++++
 .../api-reference/templates/title-bar.html    |  46 ++---
 16 files changed, 147 insertions(+), 181 deletions(-)

diff --git a/documentation/api-reference/templates/all-classes.xslt b/documentation/api-reference/templates/all-classes.xslt
index c41babe896..4827db1f92 100644
--- a/documentation/api-reference/templates/all-classes.xslt
+++ b/documentation/api-reference/templates/all-classes.xslt
@@ -30,6 +30,7 @@
 						</xsl:otherwise>
 					</xsl:choose>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<base target="classFrame"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
diff --git a/documentation/api-reference/templates/all-index.xslt b/documentation/api-reference/templates/all-index.xslt
index 7f5d75ff46..39524fcba4 100644
--- a/documentation/api-reference/templates/all-index.xslt
+++ b/documentation/api-reference/templates/all-index.xslt
@@ -142,6 +142,7 @@
 					<xsl:value-of select="localizedIndex"/>
 					<xsl:call-template name="getPageTitlePostFix"/>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>
@@ -184,7 +185,7 @@
 				</xsl:call-template>
 				<div class="MainContent">
 					<br/>
-					<table border="0" cellspacing="0" cellpadding="0">
+					<table class="allIndexTable" border="0" cellspacing="0" cellpadding="0">
 						<xsl:for-each select="$displayLetters">
 							<tr>
 								<td colspan="2">
@@ -233,7 +234,7 @@
 												</xsl:choose>
 											</xsl:if>
 										</xsl:if>
-										<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp;&nbsp;]]></xsl:text>
+										<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp; ]]></xsl:text>
 									</xsl:for-each>
 								</td>
 							</tr>
@@ -961,7 +962,7 @@
 													</xsl:choose>
 												</xsl:if>
 											</xsl:if>
-											<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp;&nbsp;]]></xsl:text>
+											<xsl:text disable-output-escaping="yes"><![CDATA[&nbsp; ]]></xsl:text>
 										</xsl:for-each>
 									</td>
 								</tr>
diff --git a/documentation/api-reference/templates/asdoc-util.xslt b/documentation/api-reference/templates/asdoc-util.xslt
index 008fc7ebff..b40bb30a77 100644
--- a/documentation/api-reference/templates/asdoc-util.xslt
+++ b/documentation/api-reference/templates/asdoc-util.xslt
@@ -732,107 +732,41 @@
 								<xsl:when test="$prog_language_name='javascript'"/>
 								<xsl:otherwise>
 									<xsl:if test="$showProperties=true()">
-										<a href="#propertySummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/>
-										</a>
-										<xsl:if
-											test="$showPackageProperties=true()  or $showConstructors=true()  or $showMethods=true()  or $showPackageFunctions=true()  or $showEvents=true()  or $showStyles=true()  or $showEffects=true()  or $showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#propertySummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showPackageProperties">
-										<a href="package.html#propertySummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/>
-										</a>
-										<xsl:if
-											test="$showConstructors=true()  or $showMethods=true()  or $showPackageFunctions=true()  or $showEvents=true()  or $showStyles=true()  or $showEffects=true()  or $showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="package.html#propertySummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showConstructors=true()">
-										<a href="#constructorSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constructor']]/entry[2]/p"/>
-										</a>
-										<xsl:if
-											test="$showMethods=true()  or $showPackageFunctions=true()  or $showEvents=true()  or $showStyles=true()  or $showEffects=true()  or $showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#constructorSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constructor']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="not($showMethods=false())">
-										<a href="#methodSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Methods']]/entry[2]/p"/>
-										</a>
-										<xsl:if
-											test="$showPackageFunctions=true()  or $showEvents=true()  or $showStyles=true()  or $showEffects=true()  or $showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#methodSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Methods']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showPackageFunctions">
-										<a href="package.html#methodSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Functions']]/entry[2]/p"/>
-										</a>
-										<xsl:if
-											test="$showEvents=true()  or $showStyles=true()  or $showEffects=true()  or $showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="package.html#methodSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Functions']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showEvents=true()">
-										<a href="#eventSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Events']]/entry[2]/p"/>
-										</a>
-										<xsl:if
-											test="$showStyles=true()  or $showSkinState=true() or $showEffects=true()  or $showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#eventSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Events']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showStyles=true()">
-										<a href="#styleSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Styles']]/entry[2]/p"/>
-										</a>
-										<xsl:if test="$showSkinState=true() or $showEffects=true() or $showConstants=true() or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples=true() or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#styleSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Styles']]/entry[2]/p"/></a>
 									</xsl:if>
 
 									<xsl:if test="$showSkinPart=true()">
-										<a href="#SkinPartSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinParts']]/entry[2]/p"/>
-										</a>
-										<xsl:if test="$showSkinState=true() or $showConstants=true() or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples=true() or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#SkinPartSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinParts']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showSkinState=true()">
-										<a href="#SkinStateSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinStates']]/entry[2]/p"/>
-										</a>										
-										<xsl:if test="$showEffects=true()  or $showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#SkinStateSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinStates']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showEffects=true()">
-										<a href="#effectSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Effects']]/entry[2]/p"/>
-										</a>
-										<xsl:if test="$showConstants=true()  or $showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#effectSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Effects']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showConstants=true()">
-										<a href="#constantSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/>
-										</a>
-										<xsl:if test="$showPackageConstants=true()  or $showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="#constantSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showPackageConstants">
-										<a href="package.html#constantSummary">
-											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/>
-										</a>
-										<xsl:if test="$showInterfaces=true()  or $showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
+										<a href="package.html#constantSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/></a>
 									</xsl:if>
 									<xsl:if test="$showInterfaces">
 										<a href="package-detail.html#interfaceSummary">
@@ -840,9 +774,6 @@
 												<xsl:with-param name="key">Interfaces</xsl:with-param>
 											</xsl:call-template>
 										</a>
-										<xsl:if test="$showClasses=true()  or $showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
 									</xsl:if>
 									<xsl:if test="$showClasses">
 										<xsl:variable name="href">
@@ -854,25 +785,16 @@
 										<a href="{$href}">
 											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Classes']]/entry[2]/p"/>
 										</a>
-										<xsl:if test="$showPackageUse=true()  or $showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
 									</xsl:if>
 									<xsl:if test="$showPackageUse">
 										<a href="package-use.html">
 											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Use']]/entry[2]/p"/>
 										</a>
-										<xsl:if test="$showIncludeExamples=true()  or $additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
 									</xsl:if>
 									<xsl:if test="$showIncludeExamples=true()">
 										<a href="#includeExamplesSummary">
 											<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Examples']]/entry[2]/p"/>
 										</a>
-										<xsl:if test="$additionalLinks">
-											<xsl:text>&#xA0;| </xsl:text>
-										</xsl:if>
 									</xsl:if>
 									<xsl:if test="$additionalLinks">
 										<xsl:copy-of select="$additionalLinks"/>
@@ -923,19 +845,13 @@
 		<xsl:param name="fileName"/>
 		<xsl:param name="fileName2"/>
 		<xsl:if test="$showPackages">
-			<a href="{$baseRef}package-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')">
-				<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allPackages']]/entry[2]/p"/>
-			</a>
-			<xsl:text>&#xA0;|&#xA0;</xsl:text>
+			<a href="{$baseRef}package-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allPackages']]/entry[2]/p"/></a>
 		</xsl:if>
 		<xsl:if test="$showAllClasses">
 			<xsl:choose>
 				<xsl:when test="$prog_language_name='javascript'"/>
 				<xsl:otherwise>
-					<a href="{$baseRef}class-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allClasses']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;|&#xA0;</xsl:text>
+					<a href="{$baseRef}class-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allClasses']]/entry[2]/p"/></a>
 				</xsl:otherwise>
 			</xsl:choose>
 		</xsl:if>
@@ -943,48 +859,32 @@
 			<xsl:choose>
 				<xsl:when test="$prog_language_name='javascript'"/>
 				<xsl:otherwise>
-					<a href="{$baseRef}language-elements.html">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'LanguageElements']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;| </xsl:text>
+					<a href="{$baseRef}language-elements.html"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'LanguageElements']]/entry[2]/p"/></a>
 				</xsl:otherwise>
 			</xsl:choose>
 		</xsl:if>
 		<xsl:if test="$showIndex">
 			<xsl:if test="$splitIndex='false'">
-				<a href="{$baseRef}all-index.html" onclick="loadClassListFrame('{$baseRef}index-list.html')">
-					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Index']]/entry[2]/p"/>
-				</a>
+				<a href="{$baseRef}all-index.html" onclick="loadClassListFrame('{$baseRef}index-list.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Index']]/entry[2]/p"/></a>
 			</xsl:if>
 			<xsl:if test="$splitIndex!='false' and $config/languageElements/@show='true' and $config/languageElements/@operators='true'">
-				<a href="{$baseRef}all-index-Symbols.html" onclick="loadClassListFrame('{$baseRef}index-list.html')">
-					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Index']]/entry[2]/p"/>
-				</a>
+				<a href="{$baseRef}all-index-Symbols.html" onclick="loadClassListFrame('{$baseRef}index-list.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Index']]/entry[2]/p"/></a>
 			</xsl:if>
 			<xsl:if test="$isLiveDocs">
 				<xsl:text disable-output-escaping="yes">&lt;br/&gt;</xsl:text>
 			</xsl:if>
 			<xsl:if test="$splitIndex!='false' and ($config/languageElements/@show!='true' or $config/languageElements/@operators!='true')">
-				<a href="{$baseRef}all-index-A.html" onclick="loadClassListFrame('{$baseRef}index-list.html')">
-					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Index']]/entry[2]/p"/>
-				</a>
+				<a href="{$baseRef}all-index-A.html" onclick="loadClassListFrame('{$baseRef}index-list.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Index']]/entry[2]/p"/></a>
 			</xsl:if>
-			<xsl:text>&#xA0;|&#xA0;</xsl:text>
 		</xsl:if>
 		<xsl:if test="$showAppendixes and $config/appendixes/@show='true'">
-			<a href="{$baseRef}appendixes.html">
-				<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Appendix']]/entry[2]/p"/>
-			</a>
-			<xsl:text>&#xA0;|&#xA0;</xsl:text>
+			<a href="{$baseRef}appendixes.html"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Appendix']]/entry[2]/p"/></a>
 		</xsl:if>
 		<xsl:if test="$showConventions">
 			<xsl:choose>
 				<xsl:when test="$prog_language_name='javascript'"/>
 				<xsl:otherwise>
-					<a href="{$baseRef}conventions.html">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Conventions']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;|&#xA0;</xsl:text>
+					<a href="{$baseRef}conventions.html"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Conventions']]/entry[2]/p"/></a>
 				</xsl:otherwise>
 			</xsl:choose>
 		</xsl:if>
@@ -1019,28 +919,16 @@
 		<div width="100%" class="topLinks" align="right" style="padding-bottom:5px">
 			<span id="navigationCell{$copyNum}" style="display:none;font-size:14px;font-weight:bold">
 				<xsl:if test="$showPackages">
-					<a href="{$baseRef}package-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allPackages']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;| </xsl:text>
+					<a href="{$baseRef}package-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allPackages']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showAllClasses">
-					<a href="{$baseRef}class-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allClasses']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;| </xsl:text>
+					<a href="{$baseRef}class-summary.html" onclick="loadClassListFrame('{$baseRef}all-classes.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'allClasses']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showLanguageElements">
-					<a href="{$baseRef}language-elements.html">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'LanguageElements']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;| </xsl:text>
+					<a href="{$baseRef}language-elements.html"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'LanguageElements']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showMXMLOnly">
-					<a href="{$baseRef}mxml-tag-detail.html" onclick="loadClassListFrame('{$baseRef}mxml-tags.html')">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'MXMLOnly']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;| </xsl:text>
+					<a href="{$baseRef}mxml-tag-detail.html" onclick="loadClassListFrame('{$baseRef}mxml-tags.html')"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'MXMLOnly']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showIndex">
 					<xsl:if test="$splitIndex='false'">
@@ -1058,28 +946,17 @@
 							<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Index']]/entry[2]/p"/>
 						</a>
 					</xsl:if>
-					<xsl:text>&#xA0;| </xsl:text>
 				</xsl:if>
 				<xsl:if test="$showAppendixes and $config/appendixes/@show='true'">
-					<a href="{$baseRef}appendixes.html">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Appendix']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;| </xsl:text>
+					<a href="{$baseRef}appendixes.html"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Appendix']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showConventions">
-					<a href="{$baseRef}conventions.html">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Conventions']]/entry[2]/p"/>
-					</a>
-					<xsl:text>&#xA0;| </xsl:text>
+					<a href="{$baseRef}conventions.html"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Conventions']]/entry[2]/p"/></a>
 				</xsl:if>
-				<a id="framesLink{$copyNum}" href="{$baseRef}index.html?{$href}{$fileName}.html&amp;{$fileName2}">
-					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Frames']]/entry[2]/p"/>
-				</a>
-				<a id="noFramesLink{$copyNum}" style="display:none" href="" onclick="parent.location=document.location">
-					<xsl:call-template name="getLocalizedString">
+				<a id="framesLink{$copyNum}" href="{$baseRef}index.html?{$href}{$fileName}.html&amp;{$fileName2}"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Frames']]/entry[2]/p"/></a>
+				<a id="noFramesLink{$copyNum}" style="display:none" href="" onclick="parent.location=document.location"><xsl:call-template name="getLocalizedString">
 						<xsl:with-param name="key">NoFrames</xsl:with-param>
-					</xsl:call-template>
-				</a>
+					</xsl:call-template></a>
 			</span>
 		</div>
 	</xsl:template>
diff --git a/documentation/api-reference/templates/class-files.xslt b/documentation/api-reference/templates/class-files.xslt
index f430ee5440..96ba29a282 100644
--- a/documentation/api-reference/templates/class-files.xslt
+++ b/documentation/api-reference/templates/class-files.xslt
@@ -127,6 +127,7 @@
 										<xsl:value-of select="$name"/>
 										<xsl:call-template name="getPageTitlePostFix"/>
 									</title>
+									<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 									<xsl:if test="$showIncludeExamples='true' and apiClassifierDetail/example/codeblock">
 										<script src="{$baseRef}AC_OETags.js" type="text/javascript"/>
 									</xsl:if>
diff --git a/documentation/api-reference/templates/class-list.xslt b/documentation/api-reference/templates/class-list.xslt
index c546d8b3f2..43ffd4eaa7 100644
--- a/documentation/api-reference/templates/class-list.xslt
+++ b/documentation/api-reference/templates/class-list.xslt
@@ -49,6 +49,7 @@
 							<title>
 								<xsl:value-of select="$title"/>
 							</title>
+							<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 							<base target="classFrame"/>
 							<xsl:call-template name="getStyleLink">
 								<xsl:with-param name="link" select="/asdoc/link"/>
diff --git a/documentation/api-reference/templates/class-summary.xslt b/documentation/api-reference/templates/class-summary.xslt
index a040f87706..170528fca5 100644
--- a/documentation/api-reference/templates/class-summary.xslt
+++ b/documentation/api-reference/templates/class-summary.xslt
@@ -37,6 +37,7 @@
 					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = $localTitle]]/entry[2]/p"/>
 					<xsl:call-template name="getPageTitlePostFix"/>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>
diff --git a/documentation/api-reference/templates/index-list.html b/documentation/api-reference/templates/index-list.html
index aa8f36fabe..84b8d0264c 100644
--- a/documentation/api-reference/templates/index-list.html
+++ b/documentation/api-reference/templates/index-list.html
@@ -1,6 +1,7 @@
 <html>
 <head>
 	<title>ActionScript 3.0 Language and Components Reference</title>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 	<link rel="stylesheet" href="style.css" type="text/css" />
 	<base target="classFrame" />
 </head>
diff --git a/documentation/api-reference/templates/index.html b/documentation/api-reference/templates/index.html
index e9ba6d84f5..7c1dc8ef30 100644
--- a/documentation/api-reference/templates/index.html
+++ b/documentation/api-reference/templates/index.html
@@ -1,6 +1,7 @@
 <html>
 <head>
     <title>ActionScript 3.0 Language and Components Reference</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
     <script language="javascript" type="text/javascript">
     	<!--
         window.onload=function(){
diff --git a/documentation/api-reference/templates/mxml-tags.html b/documentation/api-reference/templates/mxml-tags.html
index c917f3a1af..33aed43399 100644
--- a/documentation/api-reference/templates/mxml-tags.html
+++ b/documentation/api-reference/templates/mxml-tags.html
@@ -1,6 +1,7 @@
 <html>
 <head>
 	<link rel="stylesheet" href="style.css" type="text/css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 	<title>MXML Only Components - Adobe Flex 3 Language Reference</title>
 </head>
 
diff --git a/documentation/api-reference/templates/package-detail.xslt b/documentation/api-reference/templates/package-detail.xslt
index 7bd81808ad..2336d2b746 100644
--- a/documentation/api-reference/templates/package-detail.xslt
+++ b/documentation/api-reference/templates/package-detail.xslt
@@ -96,6 +96,7 @@
 										<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Summary']]/entry[2]/p"/>
 										<xsl:call-template name="getPageTitlePostFix"/>
 									</title>
+									<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 								</head>
 								<xsl:element name="body">
 									<xsl:if test="$isEclipse">
diff --git a/documentation/api-reference/templates/package-frame.html b/documentation/api-reference/templates/package-frame.html
index 199b29cf4d..da1917786c 100644
--- a/documentation/api-reference/templates/package-frame.html
+++ b/documentation/api-reference/templates/package-frame.html
@@ -1,6 +1,7 @@
 <html>
 <head>
     <title>ActionScript 3.0 Language and Components Reference</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 </head>
 <frameset rows="40%,60%" border="2" framespacing="1" bordercolor="#AAAAAA">
     <frame src="package-list.html" name="packageListFrame" scrolling="yes" />
diff --git a/documentation/api-reference/templates/package-list.xslt b/documentation/api-reference/templates/package-list.xslt
index 86fb70f377..d0eb49f895 100644
--- a/documentation/api-reference/templates/package-list.xslt
+++ b/documentation/api-reference/templates/package-list.xslt
@@ -21,6 +21,7 @@
 			<head>
 				<title><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'PackageList']]/entry[2]/p"/> - <xsl:value-of select="$title-base"/></title>
 				<base target="classFrame"/>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>
diff --git a/documentation/api-reference/templates/package-summary.xslt b/documentation/api-reference/templates/package-summary.xslt
index 221e7e3fbb..20bdded865 100644
--- a/documentation/api-reference/templates/package-summary.xslt
+++ b/documentation/api-reference/templates/package-summary.xslt
@@ -43,6 +43,7 @@
 					<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = $localTitle]]/entry[2]/p"/>
 					<xsl:call-template name="getPageTitlePostFix"/>
 				</title>
+				<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 				<xsl:call-template name="getStyleLink">
 					<xsl:with-param name="link" select="asdoc/link"/>
 				</xsl:call-template>
diff --git a/documentation/api-reference/templates/package.xslt b/documentation/api-reference/templates/package.xslt
index fef3072b3d..a0ed69c780 100644
--- a/documentation/api-reference/templates/package.xslt
+++ b/documentation/api-reference/templates/package.xslt
@@ -113,6 +113,7 @@
 									<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Details']]/entry[2]/p"/>
 									<xsl:call-template name="getPageTitlePostFix"/>
 								</title>
+								<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 							</head>
 							<xsl:element name="body">
 								<xsl:if test="$isEclipse">
diff --git a/documentation/api-reference/templates/style.css b/documentation/api-reference/templates/style.css
index 2e8a45291d..68507187f9 100644
--- a/documentation/api-reference/templates/style.css
+++ b/documentation/api-reference/templates/style.css
@@ -576,3 +576,85 @@ html>body .listing pre
 .showInheritedSkinPart {
 	display: inline;
 }
+
+/****** start mobile tweaks ******/
+.titleTable tr td.titleTableTopNav a,
+	.titleTable tr td.titleTableSubNav a {
+	padding-right: 6px;
+	padding-left: 6px;
+	border-right: solid 1px #000;
+}
+.titleTable tr td.titleTableTopNav a:last-of-type,
+	.titleTable tr td.titleTableSubNav a:last-of-type,
+	.titleTable tr td.titleTableTopNav a#framesLink1,
+	.titleTable tr td.titleTableTopNav a#noFramesLink11 {
+	border-right: none;
+}
+@media only screen and (max-width: 600px) {
+	.titleTable tr {
+		display: flex;
+		align-items: center;
+		flex-wrap: wrap;
+	}
+	.titleTable tr.titleTableRow2 {
+		height: auto;
+		background-size: contain;
+	}
+	.titleTable tr td {
+		display: flex;
+		align-items: center;
+		background-size: contain;
+		align-self: stretch;
+		min-height: 44px;
+		flex-grow: 1;
+		padding-left: 10px;
+		padding-right: 10px;
+	}
+	.titleTable tr td.titleTableTitle {
+		white-space: normal;
+		flex-grow: 2;
+	}
+	.titleTable tr td.titleTableLogo {
+		display: none;
+	}
+	.titleTable tr td.titleTableSubTitle {
+		flex-grow: 2;
+	}
+	.titleTable tr td.titleTableTopNav {
+		justify-content: end;
+	}
+	.titleTable tr td.titleTableSubNav {
+		justify-content: end;
+	}
+	.MainContent, .summarySection, .detailHeader, .detailBody {
+		margin-left: 8px;
+		margin-right: 8px;
+	}
+	.summaryTable {
+		overflow-x: auto;
+		display: block;
+	}
+	.detailHeader tr {
+		display: flex;
+		align-items: baseline;
+		flex-wrap: wrap;
+	}
+	.detailHeaderName {
+		word-break: break-word;
+		white-space: normal;
+	}
+	.allIndexTable {
+		overflow-x: auto;
+		display: block;
+	}
+	.idxrow,
+	.seeAlso a,
+	.detailBody code {
+		/* word-break: normal; */
+		overflow-wrap: anywhere;
+		word-break: break-word;
+	}
+	.titleTable tr td.titleTableSearch {
+		display: none;
+	}
+}
\ No newline at end of file
diff --git a/documentation/api-reference/templates/title-bar.html b/documentation/api-reference/templates/title-bar.html
index 14d88e401e..9dcda19d99 100644
--- a/documentation/api-reference/templates/title-bar.html
+++ b/documentation/api-reference/templates/title-bar.html
@@ -1,45 +1,39 @@
 <html>
 	<head>
 		<title>ActionScript 3.0 Language Reference</title>
+		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 		<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
 		<link rel="stylesheet" href="print.css" type="text/css" media="print" />
-		<script language="javascript" type="text/javascript" src="asdoc.js" />
+		<script language="javascript" type="text/javascript" src="asdoc.js"></script>
 	</head>
 	<body>
 		<a name="top"></a>
 		<table class="titleTable" cellpadding="0" cellspacing="0">
-		  <tr>
-			<td>
-			  <table class="titleTable" cellpadding="0" cellspacing="0">
+			<tbody>
 				<tr>
-				  <td class="titleTableTitle" align="left">ActionScript&#xA0;3.0&#xA0;Language&#xA0;and&#xA0;Components&#xA0;Reference</td>
-				  <td class="titleTableTopNav" align="right">
-					<a target="classFrame" href="package-summary.html" onclick="loadClassListFrame('all-classes.html')"> All Packages </a>&#xA0;|&#xA0;<a target="classFrame" href="class-summary.html" onclick="loadClassListFrame('all-classes.html')"> All Classes </a>&#xA0;|&#xA0;<a target="classFrame" href="all-index-A.html" onclick="loadClassListFrame('index-list.html')"> Index </a>&#xA0;|&#xA0;<a href="" onclick="top.location=top.classFrame.location"> No Frames </a>
-				  </td>
+					<td class="titleTableTitle" align="left">ActionScript&#xA0;3.0&#xA0;Language&#xA0;and&#xA0;Components&#xA0;Reference</td>
+					<td class="titleTableTopNav" align="right">
+						<a target="classFrame" href="package-summary.html" onclick="loadClassListFrame('all-classes.html')">All Packages</a>
+						<a target="classFrame" href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>
+						<a target="classFrame" href="all-index-A.html" onclick="loadClassListFrame('index-list.html')">Index</a>
+						<a href="" onclick="top.location=top.classFrame.location">No Frames</a>
+					</td>
+					<td class="titleTableLogo" align="right" rowspan="3">
+						<picture>
+							<img src="images/logo.jpg" srcset="images/logo@2x.jpg 2x" class="logoImage" title="Feathers Logo" alt="Feathers Logo" />
+						</picture>
+					</td>
 				</tr>
-			  </table>
-			</td>
-			<td class="titleTableLogo" align="right" rowspan="3">
-				<picture>
-					<img src="images/logo.jpg" srcset="images/logo@2x.jpg 2x" class="logoImage" title="Feathers Logo" alt="Feathers Logo" />
-				</picture>
-			</td>
-		  </tr>
-		  <tr>
-			<td>
-			  <table class="titleTable" cellpadding="0" cellspacing="0">
 				<tr class="titleTableRow2">
-				  <td class="titleTableSubTitle" id="subTitle" align="left">&#xA0;</td>
-				  <td class="titleTableSubNav" id="subNav" align="right">
+					<td class="titleTableSubTitle" id="subTitle" align="left">&#xA0;</td>
+					<td class="titleTableSubNav" id="subNav" align="right">
 					<a id="propertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a><span id="propertiesBar" style="display:none"> | </span><a id="packagePropertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a><span id="packagePropertiesBar" style="display:none"> | </span><a id="constructorLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constructorSummary');" style="display:none">Constructor</a><span id="constructorBar" style="display:none"> | </span><a id="methodsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Methods</a><span id="methodsBar" style="display:none"> | </span><a id="packageFunctionsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Functions</a><span id="packageFunctionsBar" style="display:none"> | </span><a id="eventsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('eventSummary');" style="display:none">Events</a><span id="eventsBar" style="display:none"> | </span><a id="stylesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('styleSummary');" style="display:none">Styles</a><span id="stylesBar" style="display:none"> | </span><a id="SkinPartLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinPartSummary');" style="display:none"> Skin Parts </a><span id="SkinPartBar" style="display:none"> | </span><a id="SkinStateLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinStateSummary');" style="display:none"> Skin States </a><span id="SkinStateBar" style="display:none"> | </span><a id="effectsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('effectSummary');" style="display:none">Effects</a><span id="effectsBar" style="display:none"> | </span><a id="constantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a><span id="constantsBar" style="display:none"> | </span><a id="packageConstantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a><span id="packageConstantsBar" style="display:none"> | </span><a id="interfacesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('interfaceSummary');" style="display:none">Interfaces</a><span id="interfacesBar" style="display:none"> | </span><a id="classesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('classSummary');" style="display:none">Classes</a><span id="classesBar" style="display:none"> | </span><a id="packageUseLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('package-use.html');" style="display:none">Use</a><span id="packageUseBar" style="display:none"> | </span><a id="examplesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('includeExamplesSummary');" style="display:none">Examples</a>
-				  </td>
+					</td>
 				</tr>
 				<tr class="titleTableRow3">
-				  <td colspan="3">&#xA0;</td>
+					<td colspan="3">&#xA0;</td>
 				</tr>
-			  </table>
-			</td>
-		  </tr>
+			</tbody>
 		</table>
 	</body>
 </html>

From bd67b370ea1201aceaff3a40cc7efc3873a7e318 Mon Sep 17 00:00:00 2001
From: Josh Tynjala <joshtynjala@bowlerhat.dev>
Date: Sat, 18 Jun 2022 14:12:36 -0700
Subject: [PATCH 7/7] asdoc: more mobile friendly changes

---
 .../api-reference/templates/asdoc-util.xslt   | 116 +++---------------
 .../api-reference/templates/asdoc.js          |  54 +++++---
 .../api-reference/templates/style.css         |  77 +++++++++++-
 .../api-reference/templates/title-bar.html    |  36 +++++-
 4 files changed, 163 insertions(+), 120 deletions(-)

diff --git a/documentation/api-reference/templates/asdoc-util.xslt b/documentation/api-reference/templates/asdoc-util.xslt
index b40bb30a77..e6eb038f77 100644
--- a/documentation/api-reference/templates/asdoc-util.xslt
+++ b/documentation/api-reference/templates/asdoc-util.xslt
@@ -416,136 +416,52 @@
 			<span>
 
 				<xsl:if test="$showProperties">
-					<a href="#propertySummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/>
-					</a>
-					<xsl:if
-						test="$showPackageProperties or $showConstructors or $showMethods or $showPackageFunctions or $showEvents or $showStyles or $showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#propertySummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showPackageProperties">
-					<a href="package.html#propertySummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/>
-					</a>
-					<xsl:if
-						test="$showConstructors or $showMethods or $showPackageFunctions or $showEvents or $showStyles or $showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="package.html#propertySummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Properties']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showConstructors">
-					<a href="#constructorSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constructor']]/entry[2]/p"/>
-					</a>
-					<xsl:if
-						test="$showMethods or $showPackageFunctions or $showEvents or $showStyles or $showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#constructorSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constructor']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="not($showMethods=false)">
-					<a href="#methodSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Method']]/entry[2]/p"/>
-					</a>
-					<xsl:if
-						test="$showPackageFunctions or $showEvents or $showStyles or $showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#methodSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Method']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showPackageFunctions">
-					<a href="package.html#methodSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Functions']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showEvents or $showStyles or $showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="package.html#methodSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Functions']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showEvents">
-					<a href="#eventSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Events']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showStyles or $showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#eventSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Events']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showStyles">
-					<a href="#styleSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Styles']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showSkinState or $showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#styleSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Styles']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showSkinPart">
-					<a href="#SkinPartSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinParts']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showSkinState or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#SkinPartSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinParts']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showSkinState">
-					<a href="#SkinStateSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinStates']]/entry[2]/p"/>
-					</a>					
-					<xsl:if test="$showEffects or $showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#SkinStateSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'SkinStates']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showEffects">
-					<a href="#effectSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Effects']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showConstants or $showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#effectSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Effects']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showConstants">
-					<a href="#constantSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showPackageConstants or $showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#constantSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showPackageConstants">
-					<a href="package.html#constantSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showInterfaces or $showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="package.html#constantSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Constants']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showInterfaces">
-					<a href="package-detail.html#interfaceSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Interfaces']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showClasses or $showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="package-detail.html#interfaceSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Interfaces']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showClasses">
-					<a href="package-detail.html#classSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Classes']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showPackageUse or $showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="package-detail.html#classSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Classes']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showPackageUse">
-					<a href="package-use.html">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Use']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$showIncludeExamples or $additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="package-use.html"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Use']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$showIncludeExamples">
-					<a href="#includeExamplesSummary">
-						<xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Examples']]/entry[2]/p"/>
-					</a>
-					<xsl:if test="$additionalLinks">
-						<xsl:text>&#xA0;| </xsl:text>
-					</xsl:if>
+					<a href="#includeExamplesSummary"><xsl:value-of select="$asdoc_terms/row[entry[1][p/text() = 'Examples']]/entry[2]/p"/></a>
 				</xsl:if>
 				<xsl:if test="$additionalLinks">
 					<xsl:copy-of select="$additionalLinks"/>
diff --git a/documentation/api-reference/templates/asdoc.js b/documentation/api-reference/templates/asdoc.js
index 731fe65b89..124c3a1ace 100644
--- a/documentation/api-reference/templates/asdoc.js
+++ b/documentation/api-reference/templates/asdoc.js
@@ -120,39 +120,55 @@ function titleBar_setSubNav(showConstants,showProperties,showStyles,showSkinPart
 {
     if (isEclipse() || top.titlebar)
     {
+        var borderStyle = "solid 1px #333";
         findTitleTableObject("propertiesLink").style.display = showProperties ? "inline" : "none";
-        findTitleTableObject("propertiesBar").style.display = (showProperties && (showPackageProperties || showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("propertiesLink").style.borderRight = (showProperties && (showPackageProperties || showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("propertiesBar").style.display = (showProperties && (showPackageProperties || showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("packagePropertiesLink").style.display = showPackageProperties ? "inline" : "none";
-        findTitleTableObject("packagePropertiesBar").style.display = (showPackageProperties && (showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showConstants || showEffects || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("packagePropertiesLink").style.borderRight = (showPackageProperties && (showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showConstants || showEffects || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("packagePropertiesBar").style.display = (showPackageProperties && (showConstructor || showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showConstants || showEffects || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("constructorLink").style.display = showConstructor ? "inline" : "none";
-        findTitleTableObject("constructorBar").style.display = (showConstructor && (showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("constructorLink").style.borderRight = (showConstructor && (showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("constructorBar").style.display = (showConstructor && (showMethods || showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("methodsLink").style.display = showMethods ? "inline" : "none";
-        findTitleTableObject("methodsBar").style.display = (showMethods && (showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("methodsLink").style.borderRight = (showMethods && (showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("methodsBar").style.display = (showMethods && (showPackageFunctions || showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("packageFunctionsLink").style.display = showPackageFunctions ? "inline" : "none";
-        findTitleTableObject("packageFunctionsBar").style.display = (showPackageFunctions && (showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("packageFunctionsLink").style.borderRight = (showPackageFunctions && (showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("packageFunctionsBar").style.display = (showPackageFunctions && (showEvents || showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("eventsLink").style.display = showEvents ? "inline" : "none";
-        findTitleTableObject("eventsBar").style.display = (showEvents && (showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("eventsLink").style.borderRight = (showEvents && (showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("eventsBar").style.display = (showEvents && (showStyles || showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("stylesLink").style.display = showStyles ? "inline" : "none";
-        findTitleTableObject("stylesBar").style.display = (showStyles && (showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("stylesLink").style.borderRight = (showStyles && (showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("stylesBar").style.display = (showStyles && (showSkinPart || showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         
         findTitleTableObject("SkinPartLink").style.display = showSkinPart ? "inline" : "none";
-        findTitleTableObject("SkinPartBar").style.display = (showSkinPart && (showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("SkinPartLink").style.borderRight = (showSkinPart && (showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("SkinPartBar").style.display = (showSkinPart && (showSkinState || showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         
         findTitleTableObject("SkinStateLink").style.display = showSkinState ? "inline" : "none";
-	findTitleTableObject("SkinStateBar").style.display = (showSkinState && (showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+	    findTitleTableObject("SkinStateLink").style.borderRight = (showSkinState && (showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("SkinStateBar").style.display = (showSkinState && (showEffects || showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
                 
         findTitleTableObject("effectsLink").style.display = showEffects ? "inline" : "none";
-        findTitleTableObject("effectsBar").style.display = (showEffects && (showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("effectsLink").style.borderRight = (showEffects && (showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("effectsBar").style.display = (showEffects && (showConstants || showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("constantsLink").style.display = showConstants ? "inline" : "none";
-        findTitleTableObject("constantsBar").style.display = (showConstants && (showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("constantsLink").style.borderRight = (showConstants && (showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("constantsBar").style.display = (showConstants && (showPackageConstants || showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("packageConstantsLink").style.display = showPackageConstants ? "inline" : "none";
-        findTitleTableObject("packageConstantsBar").style.display = (showPackageConstants && (showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("packageConstantsLink").style.borderRight = (showPackageConstants && (showInterfaces || showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("packageConstantsBar").style.display = (showPackageConstants && (showInterfaces || showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("interfacesLink").style.display = showInterfaces ? "inline" : "none";
-        findTitleTableObject("interfacesBar").style.display = (showInterfaces && (showClasses || showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("interfacesLink").style.borderRight = (showInterfaces && (showClasses || showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("interfacesBar").style.display = (showInterfaces && (showClasses || showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("classesLink").style.display = showClasses ? "inline" : "none";
-        findTitleTableObject("classesBar").style.display = (showClasses && (showPackageUse || showExamples)) ? "inline" : "none";
+        findTitleTableObject("classesLink").style.borderRight = (showClasses && (showPackageUse || showExamples)) ? borderStyle : "none";
+        // findTitleTableObject("classesBar").style.display = (showClasses && (showPackageUse || showExamples)) ? "inline" : "none";
         findTitleTableObject("packageUseLink").style.display = showPackageUse ? "inline" : "none";
-        findTitleTableObject("packageUseBar").style.display = (showPackageUse && showExamples) ? "inline" : "none";
+        findTitleTableObject("packageUseLink").style.borderRight = (showPackageUse && showExamples) ? borderStyle : "none";
+        // findTitleTableObject("packageUseBar").style.display = (showPackageUse && showExamples) ? "inline" : "none";
         findTitleTableObject("examplesLink").style.display = showExamples ? "inline" : "none";
     }
 }
@@ -221,12 +237,20 @@ function setInheritedVisible(show, selectorText)
                 
             if (rules[i].selectorText == ".showInherited" + selectorText)
                 rules[i].style.display = show ? "none" : "";
+
+            if (rules[i].selectorText == "table.hideInherited" + selectorText)
+                rules[i].style.display = show ? "block" : "none";
+            
+            if (rules[i].selectorText == "table.showInherited" + selectorText)
+                rules[i].style.display = show ? "none" : "block";
         }
     }
     else
     {
         document.styleSheets[0].addRule(".hideInherited" + selectorText, show ? "display:inline" : "display:none");
         document.styleSheets[0].addRule(".showInherited" + selectorText, show ? "display:none" : "display:inline");
+        document.styleSheets[0].addRule("table.hideInherited" + selectorText, show ? "display:block" : "display:none");
+        document.styleSheets[0].addRule("table.showInherited" + selectorText, show ? "display:none" : "display:block");
     }
     setCookie("showInherited" + selectorText, show ? "true" : "false", new Date(3000,1,1,1,1), "/", document.location.domain);
     setRowColors(show, selectorText);
diff --git a/documentation/api-reference/templates/style.css b/documentation/api-reference/templates/style.css
index 68507187f9..5a0828f2a4 100644
--- a/documentation/api-reference/templates/style.css
+++ b/documentation/api-reference/templates/style.css
@@ -582,7 +582,7 @@ html>body .listing pre
 	.titleTable tr td.titleTableSubNav a {
 	padding-right: 6px;
 	padding-left: 6px;
-	border-right: solid 1px #000;
+	border-right: solid 1px #333;
 }
 .titleTable tr td.titleTableTopNav a:last-of-type,
 	.titleTable tr td.titleTableSubNav a:last-of-type,
@@ -605,7 +605,7 @@ html>body .listing pre
 		align-items: center;
 		background-size: contain;
 		align-self: stretch;
-		min-height: 44px;
+		min-height: 32px;
 		flex-grow: 1;
 		padding-left: 10px;
 		padding-right: 10px;
@@ -657,4 +657,77 @@ html>body .listing pre
 	.titleTable tr td.titleTableSearch {
 		display: none;
 	}
+
+	/* title bar in a frame */
+	.titleTable.titleTableFrame tr {
+		flex-wrap: unset;
+	}
+	.titleTable.titleTableFrame tr td.titleTableTopNav {
+		flex-grow: 3;
+	}
+	.titleTable.titleTableFrame tr td.titleTableTitle {
+		flex-grow: 1;
+	}
+}
+@media only screen and (max-width: 450px) {
+	.titleTable.titleTableFrame tr td.titleTableTopNav a:not(#noFramesLink1),
+		.titleTable.titleTableFrame tr td.titleTableSubNav a {
+		display: none !important;
+	}
+}
+
+
+table.hideInheritedConstant {
+	display: none;
+}
+table.showInheritedConstant {
+	display: block;
+}
+table.hideInheritedProtectedConstant {
+	display: none;
+}
+table.showInheritedProtectedConstant {
+	display: block;
+}
+table.hideInheritedProperty {
+	display: none;
+}
+table.showInheritedProperty {
+	display: block;
+}
+table.hideInheritedProtectedProperty {
+	display: none;
+}
+table.showInheritedProtectedProperty {
+	display: block;
+}
+table.hideInheritedMethod {
+	display: none;
+}
+table.showInheritedMethod {
+	display: block;
+}
+table.hideInheritedProtectedMethod {
+	display: none;
+}
+table.showInheritedProtectedMethod {
+	display: block;
+}
+table.hideInheritedEvent {
+	display: none;
+}
+table.showInheritedEvent {
+	display: block;
+}
+table.hideInheritedStyle {
+	display: none;
+}
+table.showInheritedStyle {
+	display: block;
+}
+table.hideInheritedEffect {
+	display: none;
+}
+table.showInheritedEffect {
+	display: block;
 }
\ No newline at end of file
diff --git a/documentation/api-reference/templates/title-bar.html b/documentation/api-reference/templates/title-bar.html
index 9dcda19d99..c94f86e5e6 100644
--- a/documentation/api-reference/templates/title-bar.html
+++ b/documentation/api-reference/templates/title-bar.html
@@ -8,7 +8,7 @@
 	</head>
 	<body>
 		<a name="top"></a>
-		<table class="titleTable" cellpadding="0" cellspacing="0">
+		<table class="titleTable titleTableFrame" cellpadding="0" cellspacing="0">
 			<tbody>
 				<tr>
 					<td class="titleTableTitle" align="left">ActionScript&#xA0;3.0&#xA0;Language&#xA0;and&#xA0;Components&#xA0;Reference</td>
@@ -16,7 +16,7 @@
 						<a target="classFrame" href="package-summary.html" onclick="loadClassListFrame('all-classes.html')">All Packages</a>
 						<a target="classFrame" href="class-summary.html" onclick="loadClassListFrame('all-classes.html')">All Classes</a>
 						<a target="classFrame" href="all-index-A.html" onclick="loadClassListFrame('index-list.html')">Index</a>
-						<a href="" onclick="top.location=top.classFrame.location">No Frames</a>
+						<a id="noFramesLink1" href="" onclick="top.location=top.classFrame.location">No Frames</a>
 					</td>
 					<td class="titleTableLogo" align="right" rowspan="3">
 						<picture>
@@ -27,7 +27,37 @@
 				<tr class="titleTableRow2">
 					<td class="titleTableSubTitle" id="subTitle" align="left">&#xA0;</td>
 					<td class="titleTableSubNav" id="subNav" align="right">
-					<a id="propertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a><span id="propertiesBar" style="display:none"> | </span><a id="packagePropertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a><span id="packagePropertiesBar" style="display:none"> | </span><a id="constructorLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constructorSummary');" style="display:none">Constructor</a><span id="constructorBar" style="display:none"> | </span><a id="methodsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Methods</a><span id="methodsBar" style="display:none"> | </span><a id="packageFunctionsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Functions</a><span id="packageFunctionsBar" style="display:none"> | </span><a id="eventsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('eventSummary');" style="display:none">Events</a><span id="eventsBar" style="display:none"> | </span><a id="stylesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('styleSummary');" style="display:none">Styles</a><span id="stylesBar" style="display:none"> | </span><a id="SkinPartLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinPartSummary');" style="display:none"> Skin Parts </a><span id="SkinPartBar" style="display:none"> | </span><a id="SkinStateLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinStateSummary');" style="display:none"> Skin States </a><span id="SkinStateBar" style="display:none"> | </span><a id="effectsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('effectSummary');" style="display:none">Effects</a><span id="effectsBar" style="display:none"> | </span><a id="constantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a><span id="constantsBar" style="display:none"> | </span><a id="packageConstantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a><span id="packageConstantsBar" style="display:none"> | </span><a id="interfacesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('interfaceSummary');" style="display:none">Interfaces</a><span id="interfacesBar" style="display:none"> | </span><a id="classesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('classSummary');" style="display:none">Classes</a><span id="classesBar" style="display:none"> | </span><a id="packageUseLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('package-use.html');" style="display:none">Use</a><span id="packageUseBar" style="display:none"> | </span><a id="examplesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('includeExamplesSummary');" style="display:none">Examples</a>
+					<a id="propertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a>
+					<span id="propertiesBar" style="display:none"> | </span>
+					<a id="packagePropertiesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('propertySummary');" style="display:none">Properties</a>
+					<span id="packagePropertiesBar" style="display:none"> | </span>
+					<a id="constructorLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constructorSummary');" style="display:none">Constructor</a>
+					<span id="constructorBar" style="display:none"> | </span>
+					<a id="methodsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Methods</a>
+					<span id="methodsBar" style="display:none"> | </span>
+					<a id="packageFunctionsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('methodSummary');" style="display:none">Functions</a>
+					<span id="packageFunctionsBar" style="display:none"> | </span>
+					<a id="eventsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('eventSummary');" style="display:none">Events</a>
+					<span id="eventsBar" style="display:none"> | </span>
+					<a id="stylesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('styleSummary');" style="display:none">Styles</a>
+					<span id="stylesBar" style="display:none"> | </span>
+					<a id="SkinPartLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinPartSummary');" style="display:none">Skin Parts</a>
+					<span id="SkinPartBar" style="display:none"> | </span>
+					<a id="SkinStateLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('SkinStateSummary');" style="display:none">Skin States</a>
+					<span id="SkinStateBar" style="display:none"> | </span>
+					<a id="effectsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('effectSummary');" style="display:none">Effects</a>
+					<span id="effectsBar" style="display:none"> | </span>
+					<a id="constantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a>
+					<span id="constantsBar" style="display:none"> | </span>
+					<a id="packageConstantsLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('constantSummary');" style="display:none">Constants</a>
+					<span id="packageConstantsBar" style="display:none"> | </span>
+					<a id="interfacesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('interfaceSummary');" style="display:none">Interfaces</a>
+					<span id="interfacesBar" style="display:none"> | </span>
+					<a id="classesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('classSummary');" style="display:none">Classes</a>
+					<span id="classesBar" style="display:none"> | </span>
+					<a id="packageUseLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('package-use.html');" style="display:none">Use</a>
+					<span id="packageUseBar" style="display:none"> | </span>
+					<a id="examplesLink" href="#top" onclick="javascript:titleBar_gotoClassFrameAnchor('includeExamplesSummary');" style="display:none">Examples</a>
 					</td>
 				</tr>
 				<tr class="titleTableRow3">