merging

MVMCoreUI.xcodeproj/project.pbxproj

@@ -203,6 +203,8 @@
 		AA617AB22453012400910B8F /* ListDeviceComplexLinkSmallModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA617AB12453012400910B8F /* ListDeviceComplexLinkSmallModel.swift */; };
 		AA69AAF62445BF5700AF3D3B /* ListLeftVariableCheckboxBodyText.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA69AAF52445BF5700AF3D3B /* ListLeftVariableCheckboxBodyText.swift */; };
 		AA69AAF82445BF6800AF3D3B /* ListLeftVariableCheckboxBodyTextModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA69AAF72445BF6800AF3D3B /* ListLeftVariableCheckboxBodyTextModel.swift */; };
+		AA7F32AB246C0F7900C965BA /* ListLeftVariableRadioButtonAllTextAndLinksModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA7F32AA246C0F7900C965BA /* ListLeftVariableRadioButtonAllTextAndLinksModel.swift */; };
+		AA7F32AD246C0F8C00C965BA /* ListLeftVariableRadioButtonAllTextAndLinks.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA7F32AC246C0F8C00C965BA /* ListLeftVariableRadioButtonAllTextAndLinks.swift */; };
 		AA85236C244435A20059CC1E /* RadioSwatchCollectionViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA85236B244435A20059CC1E /* RadioSwatchCollectionViewCell.swift */; };
 		AA9972502475309F00FC7472 /* ListLeftVariableIconAllTextLinksModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA99724F2475309F00FC7472 /* ListLeftVariableIconAllTextLinksModel.swift */; };
 		AA997252247530B100FC7472 /* ListLeftVariableIconAllTextLinks.swift in Sources */ = {isa = PBXBuildFile; fileRef = AA997251247530B100FC7472 /* ListLeftVariableIconAllTextLinks.swift */; };
@@ -213,12 +215,16 @@
 		AAB9C10824346F4B00151545 /* RadioSwatches.swift in Sources */ = {isa = PBXBuildFile; fileRef = AAB9C10724346F4B00151545 /* RadioSwatches.swift */; };
 		AAB9C10A243496DD00151545 /* RadioSwatch.swift in Sources */ = {isa = PBXBuildFile; fileRef = AAB9C109243496DD00151545 /* RadioSwatch.swift */; };
 		AAC6F167243332E400F295C1 /* RadioSwatchesModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = AAC6F166243332E400F295C1 /* RadioSwatchesModel.swift */; };
+		BB105859248DEFF70069D008 /* UICollectionViewLeftAlignedLayout.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB105858248DEFF60069D008 /* UICollectionViewLeftAlignedLayout.swift */; };
 		BB1D17E0244EAA30001D2002 /* ListDeviceComplexButtonMediumModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB1D17DF244EAA30001D2002 /* ListDeviceComplexButtonMediumModel.swift */; };
 		BB1D17E2244EAA46001D2002 /* ListDeviceComplexButtonMedium.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB1D17E1244EAA46001D2002 /* ListDeviceComplexButtonMedium.swift */; };
 		BB2BF0EA2452A9BB001D0FC2 /* ListDeviceComplexButtonSmall.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB2BF0E92452A9BB001D0FC2 /* ListDeviceComplexButtonSmall.swift */; };
 		BB2BF0EC2452A9D5001D0FC2 /* ListDeviceComplexButtonSmallModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB2BF0EB2452A9D5001D0FC2 /* ListDeviceComplexButtonSmallModel.swift */; };
 		BB2C968F24330EA7006FF80C /* ListRightVariableTextLinkAllTextAndLinksModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB2C968D24330EA7006FF80C /* ListRightVariableTextLinkAllTextAndLinksModel.swift */; };
 		BB2C969224330F73006FF80C /* ListRightVariableTextLinkAllTextAndLinks.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB2C969124330F73006FF80C /* ListRightVariableTextLinkAllTextAndLinks.swift */; };
+		BB2FB3BB247E7EBC00DF73CD /* TagCollectionViewCell.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB2FB3BA247E7EBC00DF73CD /* TagCollectionViewCell.swift */; };
+		BB2FB3BD247E7EF200DF73CD /* Tags.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB2FB3BC247E7EF200DF73CD /* Tags.swift */; };
+		BB2FB3BF247E7F0900DF73CD /* TagsModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB2FB3BE247E7F0900DF73CD /* TagsModel.swift */; };
 		BB47A586241615EF002BB23C /* ListOneColumnFullWidthTextDividerSubsectionModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB47A585241615EF002BB23C /* ListOneColumnFullWidthTextDividerSubsectionModel.swift */; };
 		BB47A588241615FA002BB23C /* ListOneColumnFullWidthTextDividerSubsection.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB47A587241615FA002BB23C /* ListOneColumnFullWidthTextDividerSubsection.swift */; };
 		BB54C5202434D92F0038326C /* ListRightVariableButtonAllTextAndLinks.swift in Sources */ = {isa = PBXBuildFile; fileRef = BB54C51E2434D92F0038326C /* ListRightVariableButtonAllTextAndLinks.swift */; };
@@ -234,6 +240,8 @@
 		BBAA4F05243D8E3B005AAD5F /* RadioBoxesModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BBAA4F01243D8E3B005AAD5F /* RadioBoxesModel.swift */; };
 		BBBBC87C24374A4900B0F079 /* ListThreeColumnBillChangesDivider.swift in Sources */ = {isa = PBXBuildFile; fileRef = BBBBC87A24374A4900B0F079 /* ListThreeColumnBillChangesDivider.swift */; };
 		BBBBC87D24374A4900B0F079 /* ListThreeColumnBillChangesDividerModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BBBBC87B24374A4900B0F079 /* ListThreeColumnBillChangesDividerModel.swift */; };
+		BBC0C4FD24811DBC0087C44F /* Tag.swift in Sources */ = {isa = PBXBuildFile; fileRef = BBC0C4FC24811DBC0087C44F /* Tag.swift */; };
+		BBC0C4FF24811DCA0087C44F /* TagModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = BBC0C4FE24811DCA0087C44F /* TagModel.swift */; };
 		C003506123AA94CD00B6AC29 /* Button.swift in Sources */ = {isa = PBXBuildFile; fileRef = C003506023AA94CD00B6AC29 /* Button.swift */; };
 		C07065C42395677300FBF997 /* Link.swift in Sources */ = {isa = PBXBuildFile; fileRef = C07065C32395677300FBF997 /* Link.swift */; };
 		C695A67F23C9830600BFB94E /* UnOrderedListModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = C695A67E23C9830600BFB94E /* UnOrderedListModel.swift */; };
@@ -331,6 +339,10 @@
 		D28A839123CD4FD400DFE4FC /* CornerLabelsModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = D28A839023CD4FD400DFE4FC /* CornerLabelsModel.swift */; };
 		D28A839323CE828900DFE4FC /* HeadlineBodyCaretLinkImageModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = D28A839223CE828900DFE4FC /* HeadlineBodyCaretLinkImageModel.swift */; };
 		D28BA730247EC2EB00B75CB8 /* NavigationButtomModelProtocol.swift in Sources */ = {isa = PBXBuildFile; fileRef = D28BA72F247EC2EB00B75CB8 /* NavigationButtomModelProtocol.swift */; };
+		D28BA741248025A300B75CB8 /* TabBarModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = D28BA740248025A300B75CB8 /* TabBarModel.swift */; };
+		D28BA7432480284E00B75CB8 /* TabBar.swift in Sources */ = {isa = PBXBuildFile; fileRef = D28BA7422480284E00B75CB8 /* TabBar.swift */; };
+		D28BA7452481652D00B75CB8 /* TabBarProtocol.swift in Sources */ = {isa = PBXBuildFile; fileRef = D28BA7442481652D00B75CB8 /* TabBarProtocol.swift */; };
+		D28BA74D248589C800B75CB8 /* TabPageModelProtocol.swift in Sources */ = {isa = PBXBuildFile; fileRef = D28BA74C248589C800B75CB8 /* TabPageModelProtocol.swift */; };
 		D296E14722A5984C0051EBE7 /* MVMCoreUIViewConstrainingProtocol.h in Headers */ = {isa = PBXBuildFile; fileRef = D296E14622A597490051EBE7 /* MVMCoreUIViewConstrainingProtocol.h */; settings = {ATTRIBUTES = (Public, ); }; };
 		D29B771022C281F400D6ACE0 /* ModuleMolecule.swift in Sources */ = {isa = PBXBuildFile; fileRef = D29B770F22C281F400D6ACE0 /* ModuleMolecule.swift */; };
 		D29C94D5242901C9003813BA /* MVMCoreUICommonViewsUtility+Extension.swift in Sources */ = {isa = PBXBuildFile; fileRef = D29C94D4242901C9003813BA /* MVMCoreUICommonViewsUtility+Extension.swift */; };
@@ -636,6 +648,8 @@
 		AA617AB12453012400910B8F /* ListDeviceComplexLinkSmallModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListDeviceComplexLinkSmallModel.swift; sourceTree = "<group>"; };
 		AA69AAF52445BF5700AF3D3B /* ListLeftVariableCheckboxBodyText.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListLeftVariableCheckboxBodyText.swift; sourceTree = "<group>"; };
 		AA69AAF72445BF6800AF3D3B /* ListLeftVariableCheckboxBodyTextModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListLeftVariableCheckboxBodyTextModel.swift; sourceTree = "<group>"; };
+		AA7F32AA246C0F7900C965BA /* ListLeftVariableRadioButtonAllTextAndLinksModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListLeftVariableRadioButtonAllTextAndLinksModel.swift; sourceTree = "<group>"; };
+		AA7F32AC246C0F8C00C965BA /* ListLeftVariableRadioButtonAllTextAndLinks.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListLeftVariableRadioButtonAllTextAndLinks.swift; sourceTree = "<group>"; };
 		AA85236B244435A20059CC1E /* RadioSwatchCollectionViewCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioSwatchCollectionViewCell.swift; sourceTree = "<group>"; };
 		AA99724F2475309F00FC7472 /* ListLeftVariableIconAllTextLinksModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListLeftVariableIconAllTextLinksModel.swift; sourceTree = "<group>"; };
 		AA997251247530B100FC7472 /* ListLeftVariableIconAllTextLinks.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListLeftVariableIconAllTextLinks.swift; sourceTree = "<group>"; };
@@ -646,12 +660,16 @@
 		AAB9C10724346F4B00151545 /* RadioSwatches.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioSwatches.swift; sourceTree = "<group>"; };
 		AAB9C109243496DD00151545 /* RadioSwatch.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioSwatch.swift; sourceTree = "<group>"; };
 		AAC6F166243332E400F295C1 /* RadioSwatchesModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioSwatchesModel.swift; sourceTree = "<group>"; };
+		BB105858248DEFF60069D008 /* UICollectionViewLeftAlignedLayout.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = UICollectionViewLeftAlignedLayout.swift; sourceTree = "<group>"; };
 		BB1D17DF244EAA30001D2002 /* ListDeviceComplexButtonMediumModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListDeviceComplexButtonMediumModel.swift; sourceTree = "<group>"; };
 		BB1D17E1244EAA46001D2002 /* ListDeviceComplexButtonMedium.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListDeviceComplexButtonMedium.swift; sourceTree = "<group>"; };
 		BB2BF0E92452A9BB001D0FC2 /* ListDeviceComplexButtonSmall.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListDeviceComplexButtonSmall.swift; sourceTree = "<group>"; };
 		BB2BF0EB2452A9D5001D0FC2 /* ListDeviceComplexButtonSmallModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListDeviceComplexButtonSmallModel.swift; sourceTree = "<group>"; };
 		BB2C968D24330EA7006FF80C /* ListRightVariableTextLinkAllTextAndLinksModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ListRightVariableTextLinkAllTextAndLinksModel.swift; sourceTree = "<group>"; };
 		BB2C969124330F73006FF80C /* ListRightVariableTextLinkAllTextAndLinks.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ListRightVariableTextLinkAllTextAndLinks.swift; sourceTree = "<group>"; };
+		BB2FB3BA247E7EBC00DF73CD /* TagCollectionViewCell.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TagCollectionViewCell.swift; sourceTree = "<group>"; };
+		BB2FB3BC247E7EF200DF73CD /* Tags.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Tags.swift; sourceTree = "<group>"; };
+		BB2FB3BE247E7F0900DF73CD /* TagsModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TagsModel.swift; sourceTree = "<group>"; };
 		BB47A585241615EF002BB23C /* ListOneColumnFullWidthTextDividerSubsectionModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListOneColumnFullWidthTextDividerSubsectionModel.swift; sourceTree = "<group>"; };
 		BB47A587241615FA002BB23C /* ListOneColumnFullWidthTextDividerSubsection.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ListOneColumnFullWidthTextDividerSubsection.swift; sourceTree = "<group>"; };
 		BB54C51E2434D92F0038326C /* ListRightVariableButtonAllTextAndLinks.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ListRightVariableButtonAllTextAndLinks.swift; sourceTree = "<group>"; };
@@ -667,6 +685,8 @@
 		BBAA4F01243D8E3B005AAD5F /* RadioBoxesModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = RadioBoxesModel.swift; sourceTree = "<group>"; };
 		BBBBC87A24374A4900B0F079 /* ListThreeColumnBillChangesDivider.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ListThreeColumnBillChangesDivider.swift; sourceTree = "<group>"; };
 		BBBBC87B24374A4900B0F079 /* ListThreeColumnBillChangesDividerModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = ListThreeColumnBillChangesDividerModel.swift; sourceTree = "<group>"; };
+		BBC0C4FC24811DBC0087C44F /* Tag.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Tag.swift; sourceTree = "<group>"; };
+		BBC0C4FE24811DCA0087C44F /* TagModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TagModel.swift; sourceTree = "<group>"; };
 		C003506023AA94CD00B6AC29 /* Button.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Button.swift; sourceTree = "<group>"; };
 		C07065C32395677300FBF997 /* Link.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = Link.swift; sourceTree = "<group>"; };
 		C695A67E23C9830600BFB94E /* UnOrderedListModel.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = UnOrderedListModel.swift; sourceTree = "<group>"; };
@@ -762,6 +782,10 @@
 		D28A839023CD4FD400DFE4FC /* CornerLabelsModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CornerLabelsModel.swift; sourceTree = "<group>"; };
 		D28A839223CE828900DFE4FC /* HeadlineBodyCaretLinkImageModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = HeadlineBodyCaretLinkImageModel.swift; sourceTree = "<group>"; };
 		D28BA72F247EC2EB00B75CB8 /* NavigationButtomModelProtocol.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = NavigationButtomModelProtocol.swift; sourceTree = "<group>"; };
+		D28BA740248025A300B75CB8 /* TabBarModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TabBarModel.swift; sourceTree = "<group>"; };
+		D28BA7422480284E00B75CB8 /* TabBar.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TabBar.swift; sourceTree = "<group>"; };
+		D28BA7442481652D00B75CB8 /* TabBarProtocol.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TabBarProtocol.swift; sourceTree = "<group>"; };
+		D28BA74C248589C800B75CB8 /* TabPageModelProtocol.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TabPageModelProtocol.swift; sourceTree = "<group>"; };
 		D296E14622A597490051EBE7 /* MVMCoreUIViewConstrainingProtocol.h */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.h; path = MVMCoreUIViewConstrainingProtocol.h; sourceTree = "<group>"; };
 		D29B770F22C281F400D6ACE0 /* ModuleMolecule.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = ModuleMolecule.swift; sourceTree = "<group>"; };
 		D29C94D4242901C9003813BA /* MVMCoreUICommonViewsUtility+Extension.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "MVMCoreUICommonViewsUtility+Extension.swift"; sourceTree = "<group>"; };
@@ -898,6 +922,7 @@
 				D2E2A9A223E096B1000B42E6 /* DisableableModelProtocol.swift */,
 				D2092354244FA0FD0044AD09 /* ThreeLayerTemplateModelProtocol.swift */,
 				D2509ED02472ED9B001BFB9D /* NavigationItemModelProtocol.swift */,
+				D28BA74C248589C800B75CB8 /* TabPageModelProtocol.swift */,
 			);
 			path = ModelProtocols;
 			sourceTree = "<group>";
@@ -1223,6 +1248,8 @@
 				017BEB372360C6AC0024EF95 /* RadioButtonLabel.swift */,
 				D28764FA245A33A500CB882D /* TwoLinkViewModel.swift */,
 				D28764F8245A327200CB882D /* TwoLinkView.swift */,
+				D28BA740248025A300B75CB8 /* TabBarModel.swift */,
+				D28BA7422480284E00B75CB8 /* TabBar.swift */,
 			);
 			path = HorizontalCombinationViews;
 			sourceTree = "<group>";
@@ -1319,6 +1346,8 @@
 				AA0A257924766CA200862F64 /* ListLeftVariableIconWithRightCaretBodyText.swift */,
 				0A6682A32434DB8D00AD3CA1 /* ListLeftVariableRadioButtonBodyTextModel.swift */,
 				0A6682A12434DB4F00AD3CA1 /* ListLeftVariableRadioButtonBodyText.swift */,
+				AA7F32AA246C0F7900C965BA /* ListLeftVariableRadioButtonAllTextAndLinksModel.swift */,
+				AA7F32AC246C0F8C00C965BA /* ListLeftVariableRadioButtonAllTextAndLinks.swift */,
 				AA99724F2475309F00FC7472 /* ListLeftVariableIconAllTextLinksModel.swift */,
 				AA997251247530B100FC7472 /* ListLeftVariableIconAllTextLinks.swift */,
 				32F8804524765C6E00C2ACB3 /* ListLeftVariableNumberedListAllTextAndLinksModel.swift */,
@@ -1530,8 +1559,8 @@
 		D29DF10D21E67A70003B2FB9 /* Atoms */ = {
 			isa = PBXGroup;
 			children = (
+				D2BEFEF5248A954C00FAB3A9 /* FormFields */,
 				D264FAA8243FE17A00D98315 /* Selectors */,
-				D29DF22B21E6A0FA003B2FB9 /* TextFields */,
 				D29DF17D21E69E26003B2FB9 /* Views */,
 				D29DF16821E69E1F003B2FB9 /* Buttons */,
 			);
@@ -1845,6 +1874,7 @@
 				0AE14F63238315D2005417F8 /* TextField.swift */,
 				D20923582450ECE00044AD09 /* TableView.swift */,
 				D2755D7A23689C7500485468 /* TableViewCell.swift */,
+				BB105858248DEFF60069D008 /* UICollectionViewLeftAlignedLayout.swift */,
 				D21B7F70243BAC1600051ABF /* CollectionViewCell.swift */,
 				D264FAA92440F97600D98315 /* CollectionView.swift */,
 				0A5D59C323AD488600EFD9E9 /* Protocols */,
@@ -1854,6 +1884,27 @@
 			path = BaseClasses;
 			sourceTree = "<group>";
 		};
+		D2BEFEF5248A954C00FAB3A9 /* FormFields */ = {
+			isa = PBXGroup;
+			children = (
+				D2BEFEF6248A957A00FAB3A9 /* Tags */,
+				D29DF22B21E6A0FA003B2FB9 /* TextFields */,
+			);
+			path = FormFields;
+			sourceTree = "<group>";
+		};
+		D2BEFEF6248A957A00FAB3A9 /* Tags */ = {
+			isa = PBXGroup;
+			children = (
+				BBC0C4FE24811DCA0087C44F /* TagModel.swift */,
+				BBC0C4FC24811DBC0087C44F /* Tag.swift */,
+				BB2FB3BE247E7F0900DF73CD /* TagsModel.swift */,
+				BB2FB3BC247E7EF200DF73CD /* Tags.swift */,
+				BB2FB3BA247E7EBC00DF73CD /* TagCollectionViewCell.swift */,
+			);
+			path = Tags;
+			sourceTree = "<group>";
+		};
 		D2C78CD324252F4E00B69FDE /* Atomic */ = {
 			isa = PBXGroup;
 			children = (
@@ -1874,6 +1925,7 @@
 				012A88C7238DB02000FE3DA1 /* MoleculeDelegateProtocol.swift */,
 				017BEB47236230DB0024EF95 /* MoleculeViewProtocol.swift */,
 				012A88AC238C418100FE3DA1 /* TemplateProtocol.swift */,
+				D28BA7442481652D00B75CB8 /* TabBarProtocol.swift */,
 				011B58EE23A2AA850085F53C /* ModelProtocols */,
 			);
 			path = Protocols;
@@ -2021,8 +2073,10 @@
 				94C2D9A923872E5E0006CF46 /* LabelAttributeImageModel.swift in Sources */,
 				DBC4391922442197001AB423 /* DashLine.swift in Sources */,
 				D264FAAA2440F97600D98315 /* CollectionView.swift in Sources */,
+				BBC0C4FF24811DCA0087C44F /* TagModel.swift in Sources */,
 				0A7BAD74232A8DC700FB8E22 /* HeadlineBodyButton.swift in Sources */,
 				D2FB151D23A40F1500C20E10 /* MoleculeStackItem.swift in Sources */,
+				D28BA7452481652D00B75CB8 /* TabBarProtocol.swift in Sources */,
 				AA11A41F23F15D3100D7962F /* ListRightVariablePayments.swift in Sources */,
 				D28764AA2458980300CB882D /* ThreeLayerFillMiddleTemplate.swift in Sources */,
 				0116A4E5228B19640094F3ED /* RadioButtonSelectionHelper.swift in Sources */,
@@ -2037,6 +2091,7 @@
 				D21B7F602437C5BC00051ABF /* MoleculeStackView.swift in Sources */,
 				0A6682A42434DB8D00AD3CA1 /* ListLeftVariableRadioButtonBodyTextModel.swift in Sources */,
 				AA2AD116244EE46800BBFFE3 /* ListDeviceComplexLinkMedium.swift in Sources */,
+				AA7F32AD246C0F8C00C965BA /* ListLeftVariableRadioButtonAllTextAndLinks.swift in Sources */,
 				D272F5F92473163100BD1A8F /* BarButtonItem.swift in Sources */,
 				0A9D09202433796500D2E6C0 /* BarsIndicatorView.swift in Sources */,
 				D2E2A99423D8CCBC000B42E6 /* HeadlineBodyLinkModel.swift in Sources */,
@@ -2089,6 +2144,7 @@
 				BB1D17E0244EAA30001D2002 /* ListDeviceComplexButtonMediumModel.swift in Sources */,
 				D29DF2CF21E7C104003B2FB9 /* MFLoadingViewController.m in Sources */,
 				D28A837B23C928DA00DFE4FC /* MoleculeListCellProtocol.swift in Sources */,
+				D28BA74D248589C800B75CB8 /* TabPageModelProtocol.swift in Sources */,
 				014AA72F23C5059B006F3E93 /* ThreeLayerPageTemplateModel.swift in Sources */,
 				0A21DB91235E0EDB00C160A2 /* DigitBox.swift in Sources */,
 				BBAA4F04243D8E3B005AAD5F /* RadioBoxModel.swift in Sources */,
@@ -2120,6 +2176,7 @@
 				D2755D7B23689C7500485468 /* TableViewCell.swift in Sources */,
 				0A25209624645AFD000FA9F6 /* TextViewEntryField.swift in Sources */,
 				014AA72623C501E2006F3E93 /* ContainerModelProtocol.swift in Sources */,
+				BB2FB3BF247E7F0900DF73CD /* TagsModel.swift in Sources */,
 				AA11A42123F15D7000D7962F /* ListRightVariablePaymentsModel.swift in Sources */,
 				011D9626240EBB16000E3791 /* RadioButtonLabelModel.swift in Sources */,
 				8DDD6C1D244D90B8006A2232 /* ListThreeColumnDataUsage.swift in Sources */,
@@ -2217,6 +2274,7 @@
 				011B58F223A2AE2C0085F53C /* DropDownListItemModel.swift in Sources */,
 				D2509ED12472ED9B001BFB9D /* NavigationItemModelProtocol.swift in Sources */,
 				8D448E5524050A46006211BB /* ListOneColumnFullWidthTextAllTextAndLinksModel.swift in Sources */,
+				BBC0C4FD24811DBC0087C44F /* Tag.swift in Sources */,
 				94C2D9842386F3F80006CF46 /* LabelAttributeModel.swift in Sources */,
 				944589212385D6E900DE9FD4 /* DashLineModel.swift in Sources */,
 				D2E2A99623D8CF85000B42E6 /* HeadlineBodyLinkToggleModel.swift in Sources */,
@@ -2251,10 +2309,12 @@
 				D2A638FD22CA98280052ED1F /* HeadlineBody.swift in Sources */,
 				AAA74A172410C04600080241 /* HeadersH2NoButtonsBodyText.swift in Sources */,
 				522679C223FE886900906CBA /* ListLeftVariableCheckboxAllTextAndLinksModel.swift in Sources */,
+				AA7F32AB246C0F7900C965BA /* ListLeftVariableRadioButtonAllTextAndLinksModel.swift in Sources */,
 				8D084AD02410BF4800951227 /* ListOneColumnFullWidthTextBodyTextModel.swift in Sources */,
 				D253BB9E2458751F002DE544 /* BGImageMoleculeModel.swift in Sources */,
 				0ABD1371237DB0450081388D /* ItemDropdownEntryField.swift in Sources */,
 				8D24041123E7FB9E009E23BE /* ListLeftVariableIconWithRightCaret.swift in Sources */,
+				BB2FB3BD247E7EF200DF73CD /* Tags.swift in Sources */,
 				BBAA4F03243D8E3B005AAD5F /* RadioBoxes.swift in Sources */,
 				D2E1FAE12268E81D00AEFD8C /* MoleculeListTemplate.swift in Sources */,
 				525019E72406853600EED91C /* ListFourColumnDataUsageDivider.swift in Sources */,
@@ -2263,6 +2323,7 @@
 				D20FB165241A5D75004AFC3A /* NavigationItemModel.swift in Sources */,
 				AA2AD118244EE48C00BBFFE3 /* ListDeviceComplexLinkMediumModel.swift in Sources */,
 				DB06250B2293456500B72DD3 /* LeftRightLabelView.swift in Sources */,
+				D28BA741248025A300B75CB8 /* TabBarModel.swift in Sources */,
 				D224798A2314445E003FCCF9 /* LabelToggle.swift in Sources */,
 				D2A92882241AAB67004E01C6 /* ScrollingViewController.swift in Sources */,
 				C695A67F23C9830600BFB94E /* UnOrderedListModel.swift in Sources */,
@@ -2275,6 +2336,7 @@
 				0AE14F64238315D2005417F8 /* TextField.swift in Sources */,
 				0A51F3E22475CB73002E08B6 /* LoadingSpinnerModel.swift in Sources */,
 				0AB764D124460F6300E7FE72 /* UIDatePicker+Extension.swift in Sources */,
+				BB105859248DEFF70069D008 /* UICollectionViewLeftAlignedLayout.swift in Sources */,
 				D253BB9C245874F8002DE544 /* BGImageMolecule.swift in Sources */,
 				D2C78CD224228BBD00B69FDE /* ActionOpenPanelModel.swift in Sources */,
 				AA617AB02453010A00910B8F /* ListDeviceComplexLinkSmall.swift in Sources */,
@@ -2301,6 +2363,7 @@
 				0AE98BB723FF18E9004C5109 /* ArrowModel.swift in Sources */,
 				D28A837D23CCA86A00DFE4FC /* TabsListItemModel.swift in Sources */,
 				0A51F3E32475CB73002E08B6 /* LoadingSpinner.swift in Sources */,
+				BB2FB3BB247E7EBC00DF73CD /* TagCollectionViewCell.swift in Sources */,
 				012A88C6238DA34000FE3DA1 /* ModuleMoleculeModel.swift in Sources */,
 				94C2D9A123872BCC0006CF46 /* LabelAttributeUnderlineModel.swift in Sources */,
 				D20A9A5E2243D3E300ADE781 /* TwoButtonView.swift in Sources */,
@@ -2363,6 +2426,7 @@
 				0AB764D324460FA400E7FE72 /* UIPickerView+Extension.swift in Sources */,
 				D29DF29E21E7AE3B003B2FB9 /* MFStyler.m in Sources */,
 				94C661D923CCF4B400D9FE5B /* LeftRightLabelModel.swift in Sources */,
+				D28BA7432480284E00B75CB8 /* TabBar.swift in Sources */,
 				AA26850C244840AE00CE34CC /* HeadersH2TinyButton.swift in Sources */,
 				011D95AB2405C553000E3791 /* FormItemProtocol.swift in Sources */,
 				D21EE53C23AD3AD4003D1A30 /* NSLayoutConstraintAxis+Extension.swift in Sources */,

MVMCoreUI/Atomic/Atoms/FormFields/Tags/Tag.swift

@@ -0,0 +1,49 @@
+//
+//  Tag.swift
+//  MVMCoreUI
+//
+//  Created by Dhamodaram Nandi on 29/05/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+
+@objcMembers open class Tag: View {
+    //--------------------------------------------------
+    // MARK: - Outlets
+    //--------------------------------------------------
+    
+    public let label = Label(fontStyle: .RegularBodySmall)
+    
+    //--------------------------------------------------
+    // MARK: - MVMCoreViewProtocol
+    //--------------------------------------------------
+    
+    open override func setupView() {
+        super.setupView()
+        layer.borderColor = UIColor.mvmCoolGray6.cgColor
+        layer.borderWidth = 1
+        label.numberOfLines = 1
+        addSubview(label)
+        NSLayoutConstraint.constraintPinSubview(label, pinTop: true, topConstant: 13, pinBottom: true, bottomConstant: 13, pinLeft: true, leftConstant: 15, pinRight: true, rightConstant: 15)
+    }
+    
+    open override func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable: Any]?) {
+        
+        guard let model = model as? TagModel else { return }
+        
+        label.set(with: model.label, delegateObject, additionalData)
+    }
+    
+    @objc override open func updateView(_ size: CGFloat) {
+        super.updateView(size)
+        label.updateView(size)
+    }
+    
+    open override func reset() {
+        super.reset()
+        label.reset()
+        label.setFontStyle(.RegularBodySmall)
+    }
+}

MVMCoreUI/Atomic/Atoms/FormFields/Tags/TagCollectionViewCell.swift

@@ -0,0 +1,29 @@
+//
+//  TagCollectionViewCell.swift
+//  MVMCoreUI
+//
+//  Created by Dhamodaram Nandi on 27/05/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+open class TagCollectionViewCell: CollectionViewCell {
+    public let tagLabel = Tag()
+    
+    open override func reset() {
+        super.reset()
+        backgroundColor = .clear
+    }
+    
+    open override func setupView() {
+        super.setupView()
+        addMolecule(tagLabel)
+        MVMCoreUIUtility.setMarginsFor(contentView, leading: 0, top: 0, trailing: 0, bottom: 0)
+    }
+    
+    open override func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable: Any]?) {
+        guard let model = model as? TagModel else { return }
+        tagLabel.set(with: model, delegateObject, additionalData)
+    }
+}

MVMCoreUI/Atomic/Atoms/FormFields/Tags/TagModel.swift

@@ -0,0 +1,37 @@
+//
+//  TagModel.swift
+//  MVMCoreUI
+//
+//  Created by Dhamodaram Nandi on 29/05/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+@objcMembers public class TagModel: MoleculeModelProtocol {
+    public static var identifier: String = "tag"
+    public var label: LabelModel
+    public var action: ActionModelProtocol?
+    public var backgroundColor: Color?
+    
+    private enum CodingKeys: String, CodingKey {
+        case moleculeName
+        case label
+        case action
+        case backgroundColor
+    }
+    
+    required public init(from decoder: Decoder) throws {
+        let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
+        label = try typeContainer.decode(LabelModel.self, forKey: .label)
+        action = try typeContainer.decodeModelIfPresent(codingKey: .action)
+        backgroundColor = try typeContainer.decodeIfPresent(Color.self, forKey: .backgroundColor)
+    }
+    
+    public func encode(to encoder: Encoder) throws {
+        var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encode(moleculeName, forKey: .moleculeName)
+        try container.encode(label, forKey: .label)
+        try container.encodeModelIfPresent(action, forKey: .action)
+    }
+}

MVMCoreUI/Atomic/Atoms/FormFields/Tags/Tags.swift

@@ -0,0 +1,105 @@
+//
+//  Tags.swift
+//  MVMCoreUI
+//
+//  Created by Dhamodaram Nandi on 27/05/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+open class Tags: View, MFButtonProtocol {
+    public var collectionView: CollectionView!
+    public var collectionViewHeight: NSLayoutConstraint!
+    private var tagsListModel: TagsModel? {
+        return model as? TagsModel
+    }
+    
+    private var delegateObject: MVMCoreUIDelegateObject?
+    
+    /// The models for the molecules.
+    public var tags: [TagModel]?
+    
+    open override func layoutSubviews() {
+        super.layoutSubviews()
+        // Accounts for any collection size changes
+        DispatchQueue.main.async {
+            self.collectionView.collectionViewLayout.invalidateLayout()
+            self.collectionViewHeight.constant = self.collectionView.contentSize.height
+            self.delegateObject?.moleculeDelegate?.moleculeLayoutUpdated(self)
+        }
+    }
+    
+    // MARK: - MVMCoreViewProtocol
+    open override func setupView() {
+        super.setupView()
+        collectionView = createCollectionView()
+        addSubview(collectionView)
+        NSLayoutConstraint.constraintPinSubview(toSuperview: collectionView)
+        collectionViewHeight = collectionView.heightAnchor.constraint(equalToConstant: 300)
+        collectionViewHeight?.isActive = true
+    }
+    
+    // MARK: - MoleculeViewProtocol
+    open override func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable: Any]?) {
+        super.set(with: model, delegateObject, additionalData)
+        self.delegateObject = delegateObject
+        guard let tagsListModel = model as? TagsModel else { return }
+        tags = tagsListModel.tags
+        registerCells()
+        collectionView.reloadData()
+    }
+    
+    @objc override open func updateView(_ size: CGFloat) {
+        super.updateView(size)
+        collectionView.updateView(size)
+    }
+    
+    // MARK: - Creation
+    /// Creates the layout for the collection.
+    open func createCollectionViewLayout() -> UICollectionViewLayout {
+        let layout = UICollectionViewLeftAlignedLayout()
+        layout.estimatedItemSize = CGSize(width: 140, height: 40)
+        layout.minimumLineSpacing = 24.0
+        layout.minimumInteritemSpacing = 12.0
+        return layout
+    }
+    
+    /// Creates the collection view.
+    open func createCollectionView() -> CollectionView {
+        let collection = CollectionView(frame: .zero, collectionViewLayout: createCollectionViewLayout())
+        collection.dataSource = self
+        collection.delegate = self
+        return collection
+    }
+    
+    /// Registers the cells with the collection view
+    open func registerCells() {
+        collectionView.register(TagCollectionViewCell.self, forCellWithReuseIdentifier: "TagCollectionViewCell")
+    }
+}
+
+extension Tags: UICollectionViewDataSource {
+    open func collectionView(_ collectionView: UICollectionView, numberOfItemsInSection section: Int) -> Int {
+        return tags?.count ?? 0
+    }
+    
+    open func collectionView(_ collectionView: UICollectionView, cellForItemAt indexPath: IndexPath) -> UICollectionViewCell {
+        guard let molecule = tags?[indexPath.row],
+            let cell = collectionView.dequeueReusableCell(withReuseIdentifier: "TagCollectionViewCell", for: indexPath) as? TagCollectionViewCell else {
+                fatalError()
+        }
+        cell.reset()
+        cell.set(with: molecule, delegateObject, nil)
+        cell.layoutIfNeeded()
+        return cell
+    }
+}
+
+extension Tags: UICollectionViewDelegate {
+    open func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        guard let tagModel = tags?[indexPath.row],
+            let tagAction = tagModel.action else { return }
+        Button.performButtonAction(with: tagAction, button: self, delegateObject: delegateObject, additionalData: nil)
+    }
+}

MVMCoreUI/Atomic/Atoms/FormFields/Tags/TagsModel.swift

@@ -0,0 +1,34 @@
+//
+//  TagsModel.swift
+//  MVMCoreUI
+//
+//  Created by Dhamodaram Nandi on 27/05/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+@objcMembers public class TagsModel: MoleculeModelProtocol {
+    public static var identifier: String = "tags"
+    public var backgroundColor: Color?
+    public var tags: [TagModel]
+    
+    private enum CodingKeys: String, CodingKey {
+        case moleculeName
+        case backgroundColor
+        case tags
+    }
+    
+    required public init(from decoder: Decoder) throws {
+        let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
+        tags = try typeContainer.decode([TagModel].self, forKey: .tags)
+        backgroundColor = try typeContainer.decodeIfPresent(Color.self, forKey: .backgroundColor)
+    }
+    
+    public func encode(to encoder: Encoder) throws {
+        var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encode(moleculeName, forKey: .moleculeName)
+        try container.encode(tags, forKey: .tags)
+        try container.encodeIfPresent(backgroundColor, forKey: .backgroundColor)
+    }
+}

MVMCoreUI/Atomic/Atoms/Selectors/RadioBox.swift

@@ -9,8 +9,8 @@
 import Foundation
 
 open class RadioBox: Control {
-    public let label = Label.createLabelRegularBodySmall(true)
+    public let label = Label(fontStyle: .RegularBodySmall)
-    public let subTextLabel = Label.createLabelRegularMicro(true)
+    public let subTextLabel = Label(fontStyle: .RegularMicro)
     public var isOutOfStock = false
     public var accentColor = UIColor.mvmRed
 

MVMCoreUI/Atomic/Atoms/Selectors/RadioButton.swift

@@ -125,9 +125,9 @@ import UIKit
     
     /// Adjust accessibility label based on state of RadioButton.
     func updateAccessibilityLabel() {
-        
+        if let message = MVMCoreUIUtility.hardcodedString(withKey: "radio_button"),
-        if let state = MVMCoreUIUtility.hardcodedString(withKey: isSelected ? "radio_selected_state" : "radio_not_selected_state") {
+            let selectedState = MVMCoreUIUtility.hardcodedString(withKey: isSelected ? "radio_selected_state" : "radio_not_selected_state") {
-            accessibilityLabel = state
+            accessibilityLabel = message + selectedState
         }
     }
     

MVMCoreUI/Atomic/Atoms/Selectors/RadioSwatch.swift

@@ -13,7 +13,7 @@ open class RadioSwatch: Control {
     //--------------------------------------------------
     // MARK: - Properties
     //--------------------------------------------------
-    public let bottomText = Label.createLabelRegularMicro(true)
+    public let bottomText = Label(fontStyle: .RegularMicro)
     
     private var circleLayer: CAShapeLayer?
     private var selectedLayer: CALayer?

MVMCoreUI/Atomic/Atoms/Views/CarouselIndicator/CarouselIndicator.swift

@@ -206,6 +206,7 @@ open class CarouselIndicator: Control, CarouselPageControlProtocol {
         isEnabled = model.enabled
         
         formatAccessibilityValue(index: currentIndex + 1, total: numberOfPages)
+        isHidden = model.hidesForSinglePage && numberOfPages <= 1
     }
     
     //--------------------------------------------------

MVMCoreUI/Atomic/Atoms/Views/CarouselIndicator/CarouselIndicatorModel.swift

@@ -33,7 +33,7 @@ open class CarouselIndicatorModel: CarouselPagingModelProtocol, MoleculeModelPro
     public var disabledIndicatorColor: Color = Color(uiColor: .mvmCoolGray3)
     public var indicatorColor: Color = Color(uiColor: .mvmBlack)
     public var indicatorColor_inverted: Color = Color(uiColor: .mvmWhite)
-    public var position: Float?
+    public var position: CGFloat?
     
     /// Allows sendActions() to trigger even if index is already at min/max index.
     public var alwaysSendAction = false
@@ -79,7 +79,7 @@ open class CarouselIndicatorModel: CarouselPagingModelProtocol, MoleculeModelPro
             self.inverted = inverted
         }
         
-        if let position = try typeContainer.decodeIfPresent(Float.self, forKey: .position) {
+        if let position = try typeContainer.decodeIfPresent(CGFloat.self, forKey: .position) {
             self.position = position
         }
         

MVMCoreUI/Atomic/Atoms/Views/CarouselIndicator/NumericIndicatorView.swift

@@ -16,7 +16,7 @@ open class NumericIndicatorView: CarouselIndicator {
     
     /// Text to display the current count of total pages for viewing.
     open var pageCount: Label = {
-        let label = Label.createLabelRegularBodySmall(true)
+        let label = Label(fontStyle: .RegularBodySmall)
         label.isAccessibilityElement = false
         label.setContentCompressionResistancePriority(.required, for: .vertical)
         label.textAlignment = .center

MVMCoreUI/Atomic/Atoms/Views/CheckboxLabel.swift

@@ -13,7 +13,7 @@
     //--------------------------------------------------
     
     public let checkbox = Checkbox()
-    public let label = Label.createLabelRegularBodySmall(true)
+    public let label = Label(fontStyle: .RegularBodySmall)
     
     //--------------------------------------------------
     // MARK: - Properties

MVMCoreUI/Atomic/Atoms/Views/ImageViewModel.swift

@@ -21,8 +21,11 @@ import Foundation
     public var contentMode: UIView.ContentMode?
     public var localBundle: Bundle?
     
-    public init(image: String) {
+    public init(image: String, imageFormat: String? = nil, width: CGFloat? = nil, height: CGFloat? = nil) {
         self.image = image
+        self.imageFormat = imageFormat
+        self.width = width
+        self.height = height
     }
     
     private enum CodingKeys: String, CodingKey {

MVMCoreUI/Atomic/Atoms/Views/Label/Label.swift

@@ -13,7 +13,6 @@ public typealias ActionBlock = () -> ()
 
 
 @objcMembers open class Label: UILabel, MVMCoreViewProtocol, MoleculeViewProtocol, MVMCoreUIViewConstrainingProtocol, MFButtonProtocol {
-    
     //------------------------------------------------------
     // MARK: - Properties
     //------------------------------------------------------
@@ -97,7 +96,7 @@ public typealias ActionBlock = () -> ()
         accessibilityCustomActions = []
         accessibilityTraits = .staticText
         
-        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(textLinkTapped(_:)))
+        let tapGesture = UITapGestureRecognizer(target: self, action: #selector(textLinkTapped))
         tapGesture.numberOfTapsRequired = 1
         addGestureRecognizer(tapGesture)
     }
@@ -117,6 +116,15 @@ public typealias ActionBlock = () -> ()
         setupView()
     }
     
+    public init(fontStyle: Styler.Font, _ scale: Bool = true) {
+        super.init(frame: .zero)
+        setupView()
+        
+        font = fontStyle.getFont(false)
+        textColor = fontStyle.color()
+        setScale(scale)
+    }
+    
     @objc convenience public init(standardFontSize size: CGFloat) {
         self.init()
         standardFontSize = size
@@ -139,91 +147,9 @@ public typealias ActionBlock = () -> ()
     }
     
     //------------------------------------------------------
-    // MARK: - Factory Functions
+    // MARK: - 2.0 Factory Functions
     //------------------------------------------------------
     
-    /// Title 2XLarge
-    @objc public static func createLabelTitle2XLarge(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleTitle2XLarge(scale)
-        return label
-    }
-    
-    /// TitleXLarge
-    @objc public static func createLabelTitleXLarge(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleTitleXLarge(scale)
-        return label
-    }
-    
-    /// BoldTitleLarge
-    @objc public static func createLabelBoldTitleLarge(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleBoldTitleLarge(scale)
-        return label
-    }
-    
-    /// RegularTitleLarge
-    @objc public static func createLabelRegularTitleLarge(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleRegularTitleLarge(scale)
-        return label
-    }
-    
-    /// BoldTitleMedium
-    @objc public static func createLabelBoldTitleMedium(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleBoldTitleMedium(scale)
-        return label
-    }
-    
-    /// RegularTitleMedium
-    @objc public static func createLabelRegularTitleMedium(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleRegularTitleMedium(scale)
-        return label
-    }
-    
-    /// BoldBodyLarge
-    @objc public static func createLabelBoldBodyLarge(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleBoldBodyLarge(scale)
-        return label
-    }
-    
-    /// RegularBodyLarge
-    @objc public static func createLabelRegularBodyLarge(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleRegularBodyLarge(scale)
-        return label
-    }
-    
-    /// BoldBodySmall
-    @objc public static func createLabelBoldBodySmall(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleBoldBodySmall(scale)
-        return label
-    }
-    
-    /// RegularBodySmall
-    @objc public static func createLabelRegularBodySmall(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleRegularBodySmall(scale)
-        return label
-    }
-    /// BoldMicro
-    @objc public static func createLabelBoldMicro(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleBoldMicro(scale)
-        return label
-    }
-    /// RegularMicro
-    @objc public static func createLabelRegularMicro(_ scale: Bool) -> Label {
-        let label = Label.label()
-        label.styleRegularMicro(scale)
-        return label
-    }
-    
     //2.0 fonts init methods
     /// H1 -> HeadlineLarge
     @objc public static func commonLabelH1(_ scale: Bool) -> Label {
@@ -569,71 +495,19 @@ public typealias ActionBlock = () -> ()
     }
     
     //------------------------------------------------------
-    // MARK: - Methods
+    // MARK: - 3.0 Styling Method
     //------------------------------------------------------
     
-    //mva 3.0 font
+    public func setFontStyle(_ fontStyle: Styler.Font, _ scale: Bool = true) {
-    @objc public func styleTitle2XLarge(_ scale: Bool) {
+        font = fontStyle.getFont(false)
-        MFStyler.styleLabelTitle2XLarge(self, genericScaling: false)
+        textColor = .mvmBlack
         setScale(scale)
     }
-    
+
-    @objc public func styleTitleXLarge(_ scale: Bool) {
+    //------------------------------------------------------
-        MFStyler.styleLabelTitleXLarge(self, genericScaling: false)
+    // MARK: - 2.0 Styling Methods
-        setScale(scale)
+    //------------------------------------------------------
-    }
+   
-    
-    @objc public func styleBoldTitleLarge(_ scale: Bool) {
-        MFStyler.styleLabelBoldTitleLarge(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleRegularTitleLarge(_ scale: Bool) {
-        MFStyler.styleLabelRegularTitleLarge(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleBoldTitleMedium(_ scale: Bool) {
-        MFStyler.styleLabelBoldTitleMedium(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleRegularTitleMedium(_ scale: Bool) {
-        MFStyler.styleLabelRegularTitleMedium(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleBoldBodyLarge(_ scale: Bool) {
-        MFStyler.styleLabelBoldBodyLarge(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleRegularBodyLarge(_ scale: Bool) {
-        MFStyler.styleLabelRegularBodyLarge(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleBoldBodySmall(_ scale: Bool) {
-        MFStyler.styleLabelBoldBodySmall(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleRegularBodySmall(_ scale: Bool) {
-        MFStyler.styleLabelRegularBodySmall(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleBoldMicro(_ scale: Bool) {
-        MFStyler.styleLabelBoldMicro(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    @objc public func styleRegularMicro(_ scale: Bool) {
-        MFStyler.styleLabelRegularMicro(self, genericScaling: false)
-        setScale(scale)
-    }
-    
-    //2.0 fonts
     @objc public func styleH1(_ scale: Bool) {
         MFStyler.styleLabelH1(self, genericScaling: false)
         setScale(scale)

MVMCoreUI/Atomic/Atoms/Views/LeftRightLabelView.swift

@@ -14,8 +14,8 @@ import Foundation
     // MARK: - Outlets
     //------------------------------------------------------
     
-    let leftTextLabel = Label.createLabelBoldBodySmall(true)
+    let leftTextLabel = Label(fontStyle: .BoldBodySmall)
-    let rightTextLabel = Label.createLabelBoldBodySmall(true)
+    let rightTextLabel = Label(fontStyle: .BoldBodySmall)
     
     //------------------------------------------------------
     // MARK: - Constraints

MVMCoreUI/Atomic/Atoms/Views/LineModel.swift

@@ -71,6 +71,12 @@ import UIKit
         self.useVerticalLine = false
     }
     
+    public init(verticalLineOf type: Style, backgroundColor: Color? = nil) {
+        self.type = type
+        self.backgroundColor = backgroundColor
+        self.useVerticalLine = true
+    }
+    
     //--------------------------------------------------
     // MARK: - Keys
     //--------------------------------------------------

MVMCoreUI/Atomic/MoleculeObjectMapping.swift

@@ -34,6 +34,18 @@ import Foundation
         return type.init(model: model, delegateObject, additionalData)
     }
     
+    /// Convenience function for legacy classes
+    public func getMoleculeModelForJSON(_ json: [String: Any]) throws -> MoleculeModelProtocol? {
+        guard let moleculeName = json.optionalStringForKey(KeyMoleculeName),
+            let type = ModelRegistry.getType(for: moleculeName, with: MoleculeModelProtocol.self) else {
+            throw ModelRegistry.Error.decoderErrorModelNotMapped
+        }
+        guard let model = try type.decode(jsonDict: json) as? MoleculeModelProtocol else {
+            throw ModelRegistry.Error.decoderError
+        }
+        return model
+    }
+    
     /// Call to register all of the CoreUI molecules.
     public static func registerObjects() {
         // MARK:- Stacks
@@ -73,6 +85,10 @@ import Foundation
         MoleculeObjectMapping.shared()?.register(viewClass: RadioBoxes.self, viewModelClass: RadioBoxesModel.self)
         MoleculeObjectMapping.shared()?.register(viewClass: Checkbox.self, viewModelClass: CheckboxModel.self)
         MoleculeObjectMapping.shared()?.register(viewClass: RadioSwatches.self, viewModelClass: RadioSwatchesModel.self)
+        MoleculeObjectMapping.shared()?.register(viewClass: Tags.self, viewModelClass: TagsModel.self)
+        MoleculeObjectMapping.shared()?.register(viewClass: Tag.self, viewModelClass: TagModel.self)
+
+
 
         // MARK:- Other Atoms
         MoleculeObjectMapping.shared()?.register(viewClass: ProgressBar.self, viewModelClass: ProgressBarModel.self)
@@ -152,6 +168,7 @@ import Foundation
         MoleculeObjectMapping.shared()?.register(viewClass: ListLeftVariableCheckboxAllTextAndLinks.self, viewModelClass: ListLeftVariableCheckboxAllTextAndLinksModel.self)
         MoleculeObjectMapping.shared()?.register(viewClass: ListLeftVariableRadioButtonAndPaymentMethod.self, viewModelClass: ListLeftVariableRadioButtonAndPaymentMethodModel.self)
         MoleculeObjectMapping.shared()?.register(viewClass: ListLeftVariableRadioButtonBodyText.self, viewModelClass: ListLeftVariableRadioButtonBodyTextModel.self)
+        MoleculeObjectMapping.shared()?.register(viewClass: ListLeftVariableRadioButtonAllTextAndLinks.self, viewModelClass: ListLeftVariableRadioButtonAllTextAndLinksModel.self)
         MoleculeObjectMapping.shared()?.register(viewClass: ListLeftVariableCheckboxBodyText.self, viewModelClass: ListLeftVariableCheckboxBodyTextModel.self)
         MoleculeObjectMapping.shared()?.register(viewClass: ListLeftVariableIconAllTextLinks.self, viewModelClass: ListLeftVariableIconAllTextLinksModel.self)
         MoleculeObjectMapping.shared()?.register(viewClass: ListLeftVariableNumberedListAllTextAndLinks.self, viewModelClass: ListLeftVariableNumberedListAllTextAndLinksModel.self)

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/Device/ListDeviceComplexButtonMedium.swift

@@ -10,10 +10,10 @@ import Foundation
 @objcMembers open class ListDeviceComplexButtonMedium: TableViewCell {
     
     public var verticalStack: Stack<StackModel>
-    public let eyebrow = Label.createLabelRegularMicro(true)
+    public let eyebrow = Label(fontStyle: .RegularMicro)
-    public let headline = Label.createLabelBoldTitleMedium(true)
+    public let headline = Label(fontStyle: .BoldTitleMedium)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall)
-    public let body2 = Label.createLabelRegularBodySmall(true)
+    public let body2 = Label(fontStyle: .RegularBodySmall)
     public let button = PillButton(frame: .zero)
     public let rightImageView = LoadImageView()
     public var stack: Stack<StackModel>
@@ -67,10 +67,10 @@ import Foundation
     }
     
     public func setDefault() {
-        eyebrow.styleRegularMicro(true)
+        eyebrow.setFontStyle(.RegularMicro)
-        headline.styleBoldTitleMedium(true)
+        headline.setFontStyle(.BoldTitleMedium)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
-        body2.styleRegularBodySmall(true)
+        body2.setFontStyle(.RegularBodySmall)
         eyebrow.textColor = .mvmCoolGray6
     }
     

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/Device/ListDeviceComplexButtonSmall.swift

@@ -10,10 +10,10 @@ import Foundation
 @objcMembers open class ListDeviceComplexButtonSmall: TableViewCell {
     
     public var verticalStack: Stack<StackModel>
-    public let eyebrow = Label.createLabelRegularMicro(true)
+    public let eyebrow = Label(fontStyle: .RegularMicro)
-    public let headline = Label.createLabelBoldTitleMedium(true)
+    public let headline = Label(fontStyle: .BoldTitleMedium)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall)
-    public let body2 = Label.createLabelRegularBodySmall(true)
+    public let body2 = Label(fontStyle: .RegularBodySmall)
     public let button = PillButton(frame: .zero)
     public let rightImageView = LoadImageView()
     public var stack: Stack<StackModel>
@@ -67,10 +67,10 @@ import Foundation
     }
     
     public func setDefault() {
-        eyebrow.styleRegularMicro(true)
+        eyebrow.setFontStyle(.RegularMicro)
-        headline.styleBoldTitleMedium(true)
+        headline.setFontStyle(.BoldTitleMedium)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
-        body2.styleRegularBodySmall(true)
+        body2.setFontStyle(.RegularBodySmall)
         eyebrow.textColor = .mvmCoolGray6
     }
     

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/Device/ListDeviceComplexLinkMedium.swift

@@ -12,10 +12,10 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-----------------------------------------------------
-    public let eyebrow = Label.createLabelRegularMicro(true)
+    public let eyebrow = Label(fontStyle: .RegularMicro)
-    public let headline = Label.createLabelBoldTitleMedium(true)
+    public let headline = Label(fontStyle: .BoldTitleMedium)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall)
-    public let body2 = Label.createLabelRegularBodySmall(true)
+    public let body2 = Label(fontStyle: .RegularBodySmall)
     public let twoLinkView = TwoLinkView()
     public let rightImage = LoadImageView()
     let verticalStack: Stack<StackModel>
@@ -68,10 +68,10 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        eyebrow.styleRegularMicro(true)
+        eyebrow.setFontStyle(.RegularMicro)
-        headline.styleBoldTitleMedium(true)
+        headline.setFontStyle(.BoldTitleMedium)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
-        body2.styleRegularBodySmall(true)
+        body2.setFontStyle(.RegularBodySmall)
         eyebrow.textColor = .mvmCoolGray6
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/Device/ListDeviceComplexLinkSmall.swift

@@ -12,10 +12,10 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-----------------------------------------------------
-    public let eyebrow = Label.createLabelRegularMicro(true)
+    public let eyebrow = Label(fontStyle: .RegularMicro)
-    public let headline = Label.createLabelBoldTitleMedium(true)
+    public let headline = Label(fontStyle: .BoldTitleMedium)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall)
-    public let body2 = Label.createLabelRegularBodySmall(true)
+    public let body2 = Label(fontStyle: .RegularBodySmall)
     public let twoLinkView = TwoLinkView()
     public let rightImage = LoadImageView()
     let verticalStack: Stack<StackModel>
@@ -68,10 +68,10 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        eyebrow.styleRegularMicro(true)
+        eyebrow.setFontStyle(.RegularMicro)
-        headline.styleBoldTitleMedium(true)
+        headline.setFontStyle(.BoldTitleMedium)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
-        body2.styleRegularBodySmall(true)
+        body2.setFontStyle(.RegularBodySmall)
         eyebrow.textColor = .mvmCoolGray6
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/FourColumn/ListFourColumnDataUsageListItem.swift

@@ -14,10 +14,10 @@ import Foundation
     // MARK: - Outlets
     //-----------------------------------------------------
     var stack: Stack<StackModel>
-    let label1 = Label.createLabelRegularBodySmall(true)
+    let label1 = Label(fontStyle: .RegularBodySmall)
-    let label2 = Label.createLabelRegularBodySmall(true)
+    let label2 = Label(fontStyle: .RegularBodySmall)
-    let label3 = Label.createLabelRegularBodySmall(true)
+    let label3 = Label(fontStyle: .RegularBodySmall)
-    let label4 = Label.createLabelRegularBodySmall(true)
+    let label4 = Label(fontStyle: .RegularBodySmall)
     let arrow = Arrow(frame: .zero)
     let arrowAndLabel2Stack: Stack<StackModel>
     
@@ -69,9 +69,9 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        label1.styleRegularBodySmall(true)
+        label1.setFontStyle(.RegularBodySmall)
-        label2.styleRegularBodySmall(true)
+        label2.setFontStyle(.RegularBodySmall)
-        label3.styleRegularBodySmall(true)
+        label3.setFontStyle(.RegularBodySmall)
-        label4.styleRegularBodySmall(true)
+        label4.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableIconWithRightCaret.swift

@@ -14,8 +14,8 @@ import UIKit
     // MARK: - Outlets
     //-------------------------------------------------------
     let leftImage = LoadImageView(pinnedEdges: .all)
-    let leftLabel = Label.createLabelRegularBodySmall(true)
+    let leftLabel = Label(fontStyle: .RegularBodySmall)
-    let rightLabel = Label.createLabelRegularBodySmall(true)
+    let rightLabel = Label(fontStyle: .RegularBodySmall)
     var stack: Stack<StackModel>
 
     //-----------------------------------------------------
@@ -63,7 +63,7 @@ import UIKit
     
     open override func reset() {
         super.reset()
-        leftLabel.styleRegularBodySmall(true)
+        leftLabel.setFontStyle(.RegularBodySmall)
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableIconWithRightCaretBodyText.swift

@@ -13,16 +13,18 @@ import Foundation
     //-------------------------------------------------------
     public let leftImage = LoadImageView()
     public let headlineBody = HeadlineBody()
-    public let rightLabel = Label.createLabelRegularBodySmall(true)
+    public let rightLabel = Label(fontStyle: .RegularBodySmall)
+    public let rightLabelStackItem: StackItem
     public var stack: Stack<StackModel>
 
     //-----------------------------------------------------
     // MARK: - Initializers
     //-----------------------------------------------------
     public override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
-        stack = Stack<StackModel>.createStack(with: [(view: leftImage, model: StackItemModel(horizontalAlignment: .fill)),
+        rightLabelStackItem = StackItem(andContain: rightLabel)
-                                                     (view: headlineBody, model: StackItemModel(horizontalAlignment: .leading)),
+        let stackItems = [StackItem(andContain: leftImage), StackItem(andContain: headlineBody), rightLabelStackItem]
-                                                     (view: rightLabel, model: StackItemModel(horizontalAlignment: .fill, verticalAlignment: .leading))], axis: .horizontal)
+        let stackModel = StackModel(molecules: [StackItemModel(horizontalAlignment: .fill), StackItemModel(horizontalAlignment: .fill), StackItemModel(horizontalAlignment: .fill)], axis: .horizontal)
+        stack = Stack<StackModel>(with: stackModel, stackItems: stackItems)
         super.init(style: style, reuseIdentifier: reuseIdentifier)
     }
     
@@ -30,6 +32,16 @@ import Foundation
         fatalError("init(coder:) has not been implemented")
     }
     
+    open override func alignAccessoryToHero() -> CGPoint? {
+        // Ensures that the right label is centered vertically with headline.
+        let heroCenter = super.alignAccessoryToHero()
+        if let heroCenter = heroCenter {
+            let convertedPoint = stack.convert(heroCenter, from: self)
+            rightLabelStackItem.containerHelper.alignCenterVerticalConstraint?.constant = convertedPoint.y - stack.bounds.midY
+        }
+        return heroCenter
+    }
+    
     //-----------------------------------------------------
     // MARK: - View Lifecycle
     //-------------------------------------------------------
@@ -61,6 +73,6 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableNumberedListAllTextAndLinks.swift

@@ -12,7 +12,7 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-----------------------------------------------------
-    public let leftLabel = Label.createLabelTitle2XLarge(true)
+    public let leftLabel = Label(fontStyle: .Title2XLarge)
     public let eyebrowHeadlineBodyLink = EyebrowHeadlineBodyLink(frame: .zero)
     public var stack: Stack<StackModel>
     
@@ -56,7 +56,7 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleTitle2XLarge(true)
+        leftLabel.setFontStyle(.Title2XLarge)
     }
     
     open override func layoutSubviews() {

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableRadioButtonAllTextAndLinks.swift

@@ -0,0 +1,108 @@
+//
+//  ListLeftVariableRadioButtonAllTextAndLinks.swift
+//  MVMCoreUI
+//
+//  Created by Lekshmi S on 13/05/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+@objcMembers open class ListLeftVariableRadioButtonAllTextAndLinks: TableViewCell {
+    //-----------------------------------------------------
+    // MARK: - Outlets
+    //-----------------------------------------------------
+    let radioButton = RadioButton()
+    let eyebrowHeadlineBodyLink = EyebrowHeadlineBodyLink()
+    var stack: Stack<StackModel>
+
+    private var observation: NSKeyValueObservation? = nil
+    
+    //-----------------------------------------------------
+    // MARK: - Initializers
+    //-----------------------------------------------------
+    public override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
+        stack = Stack<StackModel>.createStack(with: [(view: radioButton, model: StackItemModel(horizontalAlignment: .fill)),
+                                                     (view: eyebrowHeadlineBodyLink, model: StackItemModel(horizontalAlignment: .leading))],
+                                              axis: .horizontal)
+        super.init(style: style, reuseIdentifier: reuseIdentifier)
+    }
+    
+    public required init?(coder aDecoder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    //-----------------------------------------------------
+    // MARK: - View Lifecycle
+    //-----------------------------------------------------
+    override open func setupView() {
+        super.setupView()
+        addMolecule(stack)
+        stack.restack()
+        
+        accessibilityTraits = radioButton.accessibilityTraits
+        accessibilityHint = radioButton.accessibilityHint
+        
+        // Update accessibility label on radio button state change.
+        observation = observe(\.radioButton.isSelected, options: [.new]) { [weak self] _, _ in
+            self?.updateAccessibilityLabel()
+        }
+    }
+    
+    //----------------------------------------------------
+    // MARK: - Molecule
+    //----------------------------------------------------
+    open override func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable: Any]?) {
+        super.set(with: model, delegateObject, additionalData)
+        guard let model = model as? ListLeftVariableRadioButtonAllTextAndLinksModel else { return}
+        radioButton.set(with: model.radioButton, delegateObject, additionalData)
+        eyebrowHeadlineBodyLink.set(with: model.eyebrowHeadlineBodyLink, delegateObject, additionalData)
+        updateAccessibilityLabel()
+    }
+    
+    open override class func estimatedHeight(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {
+        return 90
+    }
+    
+    public override func didSelectCell(at index: IndexPath, delegateObject: MVMCoreUIDelegateObject?, additionalData: [AnyHashable: Any]?) {
+        radioButton.tapAction()
+    }
+    
+    func updateAccessibilityLabel() {
+        var message = ""
+        radioButton.updateAccessibilityLabel()
+        if let radioButtonLabel = radioButton.accessibilityLabel {
+            message += radioButtonLabel + ", "
+        }
+        if let eyebrowLabel = eyebrowHeadlineBodyLink.eyebrow.text {
+            message += eyebrowLabel + ", "
+        }
+        if let headlineLabel = eyebrowHeadlineBodyLink.headline.text {
+            message += headlineLabel + ", "
+        }
+        if let bodyLabel = eyebrowHeadlineBodyLink.body.text {
+            message += bodyLabel
+        }
+        
+        let linkShowing = eyebrowHeadlineBodyLink.link.titleLabel?.text?.count ?? 0 > 0
+        isAccessibilityElement = !linkShowing
+        radioButton.isAccessibilityElement = linkShowing
+        eyebrowHeadlineBodyLink.link.isAccessibilityElement = linkShowing
+        
+        if !linkShowing {
+            // Make whole cell focusable if no link.
+            accessibilityLabel = message
+        } else {
+            // Allow only radio button and link to be focused on.
+            radioButton.accessibilityLabel = message
+
+            var elements: [UIView] = []
+            if message.count > 0 {
+                elements.append(radioButton)
+            }
+            if eyebrowHeadlineBodyLink.link.titleLabel?.text?.count ?? 0 > 0 {
+                elements.append(eyebrowHeadlineBodyLink.link)
+            }
+            accessibilityElements = elements
+        }
+    }
+}

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableRadioButtonAllTextAndLinksModel.swift

@@ -0,0 +1,55 @@
+//
+//  ListLeftVariableRadioButtonAllTextAndLinksModel.swift
+//  MVMCoreUI
+//
+//  Created by Lekshmi S on 13/05/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+open class ListLeftVariableRadioButtonAllTextAndLinksModel: ListItemModel, MoleculeModelProtocol {
+    //--------------------------------------------------
+    // MARK: - Properties
+    //--------------------------------------------------
+    open class var identifier: String {
+        return "listLVRBAll"
+    }
+    public var radioButton: RadioButtonModel
+    public var eyebrowHeadlineBodyLink: EyebrowHeadlineBodyLinkModel
+    
+    //--------------------------------------------------
+    // MARK: - Initializer
+    //--------------------------------------------------
+    public init(radioButton: RadioButtonModel, eyebrowHeadlineBodyLink: EyebrowHeadlineBodyLinkModel) {
+        self.radioButton = radioButton
+        self.eyebrowHeadlineBodyLink = eyebrowHeadlineBodyLink
+        super.init()
+    }
+    
+    //--------------------------------------------------
+    // MARK: - Keys
+    //--------------------------------------------------
+    private enum CodingKeys: String, CodingKey {
+        case moleculeName
+        case eyebrowHeadlineBodyLink
+        case radioButton
+    }
+    
+    //--------------------------------------------------
+    // MARK: - Codec
+    //--------------------------------------------------
+    required public init(from decoder: Decoder) throws {
+        let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
+        radioButton = try typeContainer.decode(RadioButtonModel.self, forKey: .radioButton)
+        eyebrowHeadlineBodyLink = try typeContainer.decode(EyebrowHeadlineBodyLinkModel.self, forKey: .eyebrowHeadlineBodyLink)
+        try super.init(from: decoder)
+    }
+    
+    open override func encode(to encoder: Encoder) throws {
+        try super.encode(to: encoder)
+        var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encode(moleculeName, forKey: .moleculeName)
+        try container.encode(eyebrowHeadlineBodyLink, forKey: .eyebrowHeadlineBodyLink)
+        try container.encode(radioButton, forKey: .radioButton)
+    }
+}

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableRadioButtonAndPaymentMethod.swift

@@ -47,14 +47,12 @@ import UIKit
         addMolecule(stack)
         stack.restack()
         eyebrowHeadlineBodyLink.body.textColor = .mvmOrangeAA
-        eyebrowHeadlineBodyLink.headline.styleBoldBodySmall(true)
+        eyebrowHeadlineBodyLink.headline.setFontStyle(.BoldBodySmall)
-        radioButton.isAccessibilityElement = false
+
-        isAccessibilityElement = true
+        accessibilityTraits = radioButton.accessibilityTraits
-        updateAccessibilityLabel()
+        accessibilityHint = radioButton.accessibilityHint
-        accessibilityTraits = .button
-        accessibilityHint = MVMCoreUIUtility.hardcodedString(withKey: "radio_action_hint")
-        updateAccessibilityLabel()
         
+        // Update accessibility label on radio button state change.
         observation = observe(\.radioButton.isSelected, options: [.new]) { [weak self] _, _ in
             self?.updateAccessibilityLabel()
         }
@@ -63,7 +61,7 @@ import UIKit
     open override func reset() {
         super.reset()
         eyebrowHeadlineBodyLink.body.textColor = .mvmOrangeAA
-        eyebrowHeadlineBodyLink.headline.styleBoldBodySmall(true)
+        eyebrowHeadlineBodyLink.headline.setFontStyle(.BoldBodySmall)
     }
     
     //----------------------------------------------------
@@ -88,30 +86,44 @@ import UIKit
     }
     
     func updateAccessibilityLabel() {
-        
+        var message = ""
-        var message = MVMCoreUIUtility.hardcodedString(withKey: "radio_button") ?? ""
-        
         radioButton.updateAccessibilityLabel()
         if let radioButtonLabel = radioButton.accessibilityLabel {
             message += radioButtonLabel + ", "
         }
-        
         if let leftImageLabel = leftImage.accessibilityLabel {
             message += leftImageLabel + ", "
         }
-        
         if let eyebrowLabel = eyebrowHeadlineBodyLink.eyebrow.text {
             message += eyebrowLabel + ", "
         }
-        
         if let headlineLabel = eyebrowHeadlineBodyLink.headline.text {
             message += headlineLabel + ", "
         }
-        
         if let bodyLabel = eyebrowHeadlineBodyLink.body.text {
             message += bodyLabel
         }
         
-        accessibilityLabel = message
+        let linkShowing = eyebrowHeadlineBodyLink.link.titleLabel?.text?.count ?? 0 > 0
+        isAccessibilityElement = !linkShowing
+        radioButton.isAccessibilityElement = linkShowing
+        eyebrowHeadlineBodyLink.link.isAccessibilityElement = linkShowing
+        
+        if !linkShowing {
+            // Make whole cell focusable if no link.
+            accessibilityLabel = message
+        } else {
+            // Allow only radio button and link to be focused on.
+            radioButton.accessibilityLabel = message
+
+            var elements: [UIView] = []
+            if message.count > 0 {
+                elements.append(radioButton)
+            }
+            if eyebrowHeadlineBodyLink.link.titleLabel?.text?.count ?? 0 > 0 {
+                elements.append(eyebrowHeadlineBodyLink.link)
+            }
+            accessibilityElements = elements
+        }
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableRadioButtonBodyText.swift

@@ -44,12 +44,15 @@ open class ListLeftVariableRadioButtonBodyText: TableViewCell {
         
         addMolecule(stack)
         stack.restack()
+        
+        // Make the whole cell focusable.
         isAccessibilityElement = true
         radioButton.isAccessibilityElement = false
-        accessibilityTraits = .button
+        accessibilityTraits = radioButton.accessibilityTraits
-        accessibilityHint = MVMCoreUIUtility.hardcodedString(withKey: "radio_action_hint")
+        accessibilityHint = radioButton.accessibilityHint
         updateAccessibilityLabel()
         
+        // Update accessibility label on radio button state change.
         observation = observe(\.radioButton.isSelected, options: [.new]) { [weak self] _, _ in
             self?.updateAccessibilityLabel()
         }
@@ -79,7 +82,7 @@ open class ListLeftVariableRadioButtonBodyText: TableViewCell {
     
     func updateAccessibilityLabel() {
         
-        var message = MVMCoreUIUtility.hardcodedString(withKey: "radio_button") ?? ""
+        var message = ""
         
         radioButton.updateAccessibilityLabel()
         if let radioButtonLabel = radioButton.accessibilityLabel {

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/OneColumn/ListOneColumnFullWidthTextAllTextAndLinks.swift

@@ -15,10 +15,10 @@ import Foundation
     //-----------------------------------------------------
     
     var stack: Stack<StackModel>
-    let eyebrow = Label.createLabelRegularMicro(true)
+    let eyebrow = Label(fontStyle: .RegularMicro)
-    let headline = Label.createLabelBoldTitleMedium(true)
+    let headline = Label(fontStyle: .BoldTitleMedium)
-    let subHeadline = Label.createLabelBoldBodySmall(true)
+    let subHeadline = Label(fontStyle: .BoldBodySmall)
-    let body = Label.createLabelRegularBodySmall(true)
+    let body = Label(fontStyle: .RegularBodySmall)
     let link = Link()
     
     //-----------------------------------------------------
@@ -62,9 +62,9 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        eyebrow.styleRegularMicro(true)
+        eyebrow.setFontStyle(.RegularMicro)
-        headline.styleBoldTitleMedium(true)
+        headline.setFontStyle(.BoldTitleMedium)
-        subHeadline.styleBoldBodySmall(true)
+        subHeadline.setFontStyle(.BoldBodySmall)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/RightVariable/ListRVWheel.swift

@@ -9,8 +9,8 @@
 import Foundation
 @objcMembers open class ListRVWheel: TableViewCell {
     let wheel = Wheel(frame: .zero)
-    let leftLabel = Label.createLabelBoldBodySmall(true)
+    let leftLabel = Label(fontStyle: .BoldBodySmall)
-    let rightLabel = Label.createLabelRegularBodySmall(true)
+    let rightLabel = Label(fontStyle: .RegularBodySmall)
     var stack: Stack<StackModel>
     
     //-----------------------------------------------------
@@ -54,8 +54,8 @@ import Foundation
     //-------------------------------------------------
     open override func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
     }
     
     public override class func estimatedHeight(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/RightVariable/ListRightVariablePayments.swift

@@ -13,7 +13,7 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-------------------------------------------------------
-    let leftLabel = Label.createLabelBoldBodySmall(true)
+    let leftLabel = Label(fontStyle: .BoldBodySmall)
     let rightImage = LoadImageView(pinnedEdges: .all)
     var stack: Stack<StackModel>
     
@@ -57,6 +57,6 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/RightVariable/ListRightVariablePriceChangeAllTextAndLinks.swift

@@ -8,14 +8,15 @@
 
 import Foundation
 
+
 @objcMembers open class ListRightVariablePriceChangeAllTextAndLinks: TableViewCell {
-    
     //-----------------------------------------------------
     // MARK: - Outlets
     //-----------------------------------------------------
-    public let eyebrowHeadlineBodyLink = EyebrowHeadlineBodyLink(frame: .zero)
+    
-    public let arrow = Arrow(frame: .zero)
+    public let eyebrowHeadlineBodyLink = EyebrowHeadlineBodyLink()
-    public let rightLabel = Label.createLabelRegularBodySmall(true)
+    public let arrow = Arrow()
+    public let rightLabel = Label(fontStyle: .RegularBodySmall)
     private let stack: Stack<StackModel>
     private let arrowStackItem: StackItem
     private let rightLabelStackItem: StackItem
@@ -67,9 +68,11 @@ import Foundation
         stack.restack()
     }
     
-    open override func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
+    open override func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable: Any]?) {
         super.set(with: model, delegateObject, additionalData)
+        
         guard let model = model as? ListRightVariablePriceChangeAllTextAndLinksModel else { return }
+        
         eyebrowHeadlineBodyLink.set(with: model.eyebrowHeadlineBodyLink, delegateObject, additionalData)
         rightLabel.set(with: model.rightLabel, delegateObject, additionalData)
         arrow.set(with: model.arrow, delegateObject, additionalData)
@@ -79,4 +82,3 @@ import Foundation
         return 121
     }
 }
-

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/RightVariable/ListRightVariablePriceChangeBodyText.swift

@@ -15,7 +15,7 @@ import Foundation
     private let stack: Stack<StackModel>
     public let headlineBody = HeadlineBody(frame: .zero)
     public let arrow = Arrow(frame: .zero)
-    public let rightLabel = Label.createLabelRegularBodySmall(true)
+    public let rightLabel = Label(fontStyle: .RegularBodySmall)
     let arrowAndRightLabelStack: Stack<StackModel>
 
     

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/RightVariable/ListRightVariableTotalData.swift

@@ -14,8 +14,8 @@ import Foundation
     // MARK: - Outlets
     //-----------------------------------------------------
     public var stack: Stack<StackModel>
-    public let leftLabel = Label.createLabelBoldBodySmall(true)
+    public let leftLabel = Label(fontStyle: .BoldBodySmall)
-    public let rightLabel = Label.createLabelRegularBodySmall(true)
+    public let rightLabel = Label(fontStyle: .RegularBodySmall)
     public let bar = Line()
     
     //-----------------------------------------------------
@@ -61,8 +61,8 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
         bar.setStyle(.heavy)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/ThreeColumn/ListThreeColumnDataUsage.swift

@@ -13,9 +13,9 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-------------------------------------------------------
-    public let leftLabel = Label.createLabelRegularBodySmall(true)
+    public let leftLabel = Label(fontStyle: .RegularBodySmall)
-    public let centerLabel = Label.createLabelRegularBodySmall(true)
+    public let centerLabel = Label(fontStyle: .RegularBodySmall)
-    public let rightLabel = Label.createLabelRegularBodySmall(true)
+    public let rightLabel = Label(fontStyle: .RegularBodySmall)
     var stack: Stack<StackModel>
     
     //------------------------------------------------------
@@ -54,8 +54,8 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleRegularBodySmall(true)
+        leftLabel.setFontStyle(.RegularBodySmall)
-        centerLabel.styleRegularBodySmall(true)
+        centerLabel.setFontStyle(.RegularBodySmall)
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/ThreeColumn/ListThreeColumnInternationalData.swift

@@ -14,9 +14,9 @@ import Foundation
     // MARK: - Outlets
     //-----------------------------------------------------
     open var stack: Stack<StackModel>
-    public let leftLabel = Label.createLabelRegularBodySmall(true)
+    public let leftLabel = Label(fontStyle: .RegularBodySmall)
-    public let centerLabel = Label.createLabelRegularBodySmall(true)
+    public let centerLabel = Label(fontStyle: .RegularBodySmall)
-    public let rightLabel = Label.createLabelRegularBodySmall(true)
+    public let rightLabel = Label(fontStyle: .RegularBodySmall)
     public let arrow = Arrow(frame: .zero)
     public let arrowAndLabel2Stack: Stack<StackModel>
 
@@ -66,8 +66,8 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleRegularBodySmall(true)
+        leftLabel.setFontStyle(.RegularBodySmall)
-        centerLabel.styleRegularBodySmall(true)
+        centerLabel.setFontStyle(.RegularBodySmall)
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/TwoColumn/ListTwoColumnCompareChanges.swift

@@ -13,15 +13,15 @@ import Foundation
     //-------------------------------------------------------
     // MARK: - Outlets
     //-------------------------------------------------------
-    let leftHeadline1 = Label.createLabelBoldBodySmall(true)
+    let leftHeadline1 = Label(fontStyle: .BoldBodySmall)
-    let leftHeadline2 = Label.createLabelBoldBodySmall(true)
+    let leftHeadline2 = Label(fontStyle: .BoldBodySmall)
-    let leftHeadline3 = Label.createLabelBoldBodySmall(true)
+    let leftHeadline3 = Label(fontStyle: .BoldBodySmall)
-    let leftBody = Label.createLabelRegularBodySmall(true)
+    let leftBody = Label(fontStyle: .RegularBodySmall)
     let leftLink = Link()
-    let rightHeadline1 = Label.createLabelBoldBodySmall(true)
+    let rightHeadline1 = Label(fontStyle: .BoldBodySmall)
-    let rightHeadline2 = Label.createLabelBoldBodySmall(true)
+    let rightHeadline2 = Label(fontStyle: .BoldBodySmall)
-    let rightHeadline3 = Label.createLabelBoldBodySmall(true)
+    let rightHeadline3 = Label(fontStyle: .BoldBodySmall)
-    let rightBody = Label.createLabelRegularBodySmall(true)
+    let rightBody = Label(fontStyle: .RegularBodySmall)
     let rightLink = Link()
     let containingStack: Stack<StackModel>
     
@@ -97,14 +97,14 @@ import Foundation
    
     open override func reset() {
         super.reset()
-        leftHeadline1.styleBoldBodySmall(true)
+        leftHeadline1.setFontStyle(.BoldBodySmall)
-        leftHeadline2.styleBoldBodySmall(true)
+        leftHeadline2.setFontStyle(.BoldBodySmall)
-        leftHeadline3.styleBoldBodySmall(true)
+        leftHeadline3.setFontStyle(.BoldBodySmall)
-        leftBody.styleRegularBodySmall(true)
+        leftBody.setFontStyle(.RegularBodySmall)
-        rightHeadline1.styleBoldBodySmall(true)
+        rightHeadline1.setFontStyle(.BoldBodySmall)
-        rightHeadline2.styleBoldBodySmall(true)
+        rightHeadline2.setFontStyle(.BoldBodySmall)
-        rightHeadline3.styleBoldBodySmall(true)
+        rightHeadline3.setFontStyle(.BoldBodySmall)
-        rightBody.styleRegularBodySmall(true)
+        rightBody.setFontStyle(.RegularBodySmall)
     }
     
     public override class func estimatedHeight(with molecule: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?) -> CGFloat {

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/TwoColumn/ListTwoColumnPriceDescription.swift

@@ -13,10 +13,10 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-------------------------------------------------------
-    public let leftHeadline = Label.createLabelBoldBodySmall(true)
+    public let leftHeadline = Label(fontStyle: .BoldBodySmall)
-    public let leftBody = Label.createLabelRegularBodySmall(true)
+    public let leftBody = Label(fontStyle: .RegularBodySmall)
-    public let rightLabel = Label.createLabelRegularBodySmall(true)
+    public let rightLabel = Label(fontStyle: .RegularBodySmall)
-    public let rightSubLabel = Label.createLabelRegularBodySmall(true)
+    public let rightSubLabel = Label(fontStyle: .RegularBodySmall)
     
     public let view = MVMCoreUICommonViewsUtility.commonView()
     public let leftVerticalStack: UIStackView
@@ -86,9 +86,9 @@ import Foundation
         super.reset()
         leftVerticalStack.reset()
         rightVerticalStack.reset()
-        leftHeadline.styleBoldBodySmall(true)
+        leftHeadline.setFontStyle(.BoldBodySmall)
-        leftBody.styleRegularBodySmall(true)
+        leftBody.setFontStyle(.RegularBodySmall)
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
-        rightSubLabel.styleRegularBodySmall(true)
+        rightSubLabel.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/List/TwoColumn/ListTwoColumnPriceDetails.swift

@@ -10,8 +10,8 @@ import UIKit
 
 @objcMembers open class ListTwoColumnPriceDetails: TableViewCell {
     
-    let leftLabel = Label.createLabelRegularBodySmall(true)
+    let leftLabel = Label(fontStyle: .RegularBodySmall)
-    let rightLabel = Label.createLabelRegularBodySmall(true)
+    let rightLabel = Label(fontStyle: .RegularBodySmall)
     let view = MVMCoreUICommonViewsUtility.commonView()
 
     // MARK: - MFViewProtocol
@@ -44,8 +44,8 @@ import UIKit
         super.reset()
         leftLabel.reset()
         rightLabel.reset()
-        leftLabel.styleRegularBodySmall(true)
+        leftLabel.setFontStyle(.RegularBodySmall)
-        rightLabel.styleRegularBodySmall(true)
+        rightLabel.setFontStyle(.RegularBodySmall)
     }
     
     open override class func estimatedHeight(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?) -> CGFloat {

MVMCoreUI/Atomic/Molecules/DesignedComponents/LockUps/ListProgressBarData.swift

@@ -14,8 +14,8 @@ import UIKit
     // MARK: - Outlets
     //-----------------------------------------------------
     let progressBar = MultiProgress(frame: .zero)
-    let leftLabel = Label.createLabelBoldBodySmall(true)
+    let leftLabel = Label(fontStyle: .BoldBodySmall)
-    let rightLabel = Label.createLabelBoldBodySmall(true)
+    let rightLabel = Label(fontStyle: .BoldBodySmall)
     let view = MVMCoreUICommonViewsUtility.commonView()
     
     //-----------------------------------------------------
@@ -66,8 +66,8 @@ import UIKit
         progressBar.reset()
         leftLabel.reset()
         rightLabel.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleBoldBodySmall(true)
+        rightLabel.setFontStyle(.BoldBodySmall)
     }
 }
 

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/FourColumn/ListFourColumnDataUsageDivider.swift

@@ -11,10 +11,10 @@ import Foundation
 @objcMembers open class ListFourColumnDataUsageDivider: TableViewCell {
     
     // MARK: - MFViewProtocol
-    let label1 = Label.createLabelBoldBodySmall(true)
+    let label1 = Label(fontStyle: .BoldBodySmall)
-    let label2 = Label.createLabelBoldBodySmall(true)
+    let label2 = Label(fontStyle: .BoldBodySmall)
-    let label3 = Label.createLabelBoldBodySmall(true)
+    let label3 = Label(fontStyle: .BoldBodySmall)
-    let label4 = Label.createLabelBoldBodySmall(true)
+    let label4 = Label(fontStyle: .BoldBodySmall)
     var stack: Stack<StackModel>
     
     // MARK: - Initializers
@@ -55,9 +55,9 @@ import Foundation
     // MARK: - MoleculeViewProtocol
     open override func reset() {
         super.reset()
-        label1.styleBoldBodySmall(true)
+        label1.setFontStyle(.BoldBodySmall)
-        label2.styleBoldBodySmall(true)
+        label2.setFontStyle(.BoldBodySmall)
-        label3.styleBoldBodySmall(true)
+        label3.setFontStyle(.BoldBodySmall)
-        label4.styleBoldBodySmall(true)
+        label4.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/OneColumn/ListOneColumnFullWidthTextDividerSubsection.swift

@@ -13,8 +13,8 @@ import Foundation
     // MARK: - Outlets
     //-----------------------------------------------------
     public var stack: Stack<StackModel>
-    public let headline = Label.createLabelBoldBodySmall(true)
+    public let headline = Label(fontStyle: .BoldBodySmall)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall)
     
     // MARK: - Initializers
     public override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
@@ -50,7 +50,7 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        headline.styleBoldBodySmall(true)
+        headline.setFontStyle(.BoldBodySmall)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/OneColumn/ListOneColumnTextWithWhitespaceDividerShort.swift

@@ -13,8 +13,8 @@ import Foundation
     // MARK: - Outlets
     //-----------------------------------------------------
     public var stack: Stack<StackModel>
-    public let headline = Label.createLabelBoldTitleMedium(true)
+    public let headline = Label(fontStyle: .BoldTitleMedium)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall)
     
     // MARK: - Initializers
     public override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
@@ -50,7 +50,7 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        headline.styleBoldTitleMedium(true)
+        headline.setFontStyle(.BoldTitleMedium)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/OneColumn/ListOneColumnTextWithWhitespaceDividerTall.swift

@@ -13,8 +13,8 @@ import Foundation
     // MARK: - Outlets
     //-----------------------------------------------------
     public var stack: Stack<StackModel>
-    public let headline = Label.createLabelBoldTitleMedium(true)
+    public let headline = Label(fontStyle: .BoldTitleMedium)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall)
     
     // MARK: - Initializers
     public override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
@@ -50,7 +50,7 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        headline.styleBoldTitleMedium(true)
+        headline.setFontStyle(.BoldTitleMedium)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/ThreeColumn/ListThreeColumnBillChangesDivider.swift

@@ -9,9 +9,9 @@
 import Foundation
 @objcMembers open class ListThreeColumnBillChangesDivider: TableViewCell {
     
-    public let leftLabel = Label.createLabelBoldBodySmall(true)
+    public let leftLabel = Label(fontStyle: .BoldBodySmall)
-    public let centerLabel = Label.createLabelBoldBodySmall(true)
+    public let centerLabel = Label(fontStyle: .BoldBodySmall)
-    public let rightLabel = Label.createLabelBoldBodySmall(true)
+    public let rightLabel = Label(fontStyle: .BoldBodySmall)
     var stack: Stack<StackModel>
     
     // MARK: - Initializers
@@ -49,8 +49,8 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        centerLabel.styleBoldBodySmall(true)
+        centerLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleBoldBodySmall(true)
+        rightLabel.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/ThreeColumn/ListThreeColumnDataUsageDivider.swift

@@ -13,9 +13,9 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-------------------------------------------------------
-    public let leftLabel = Label.createLabelBoldBodySmall(true)
+    public let leftLabel = Label(fontStyle: .BoldBodySmall)
-    public let centerLabel = Label.createLabelBoldBodySmall(true)
+    public let centerLabel = Label(fontStyle: .BoldBodySmall)
-    public let rightLabel = Label.createLabelBoldBodySmall(true)
+    public let rightLabel = Label(fontStyle: .BoldBodySmall)
     var stack: Stack<StackModel>
     
     //------------------------------------------------------
@@ -54,8 +54,8 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        centerLabel.styleBoldBodySmall(true)
+        centerLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleBoldBodySmall(true)
+        rightLabel.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/ThreeColumn/ListThreeColumnInternationalDataDivider.swift

@@ -13,9 +13,9 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - Outlets
     //-----------------------------------------------------
-    let leftLabel = Label.createLabelBoldBodySmall(true)
+    let leftLabel = Label(fontStyle: .BoldBodySmall)
-    let centerLabel = Label.createLabelBoldBodySmall(true)
+    let centerLabel = Label(fontStyle: .BoldBodySmall)
-    let rightLabel = Label.createLabelBoldBodySmall(true)
+    let rightLabel = Label(fontStyle: .BoldBodySmall)
     var stack: Stack<StackModel>
     
     public override init(style: UITableViewCell.CellStyle, reuseIdentifier: String?) {
@@ -59,8 +59,8 @@ import Foundation
     //-----------------------------------------------------
     override open func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        centerLabel.styleBoldBodySmall(true)
+        centerLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleBoldBodySmall(true)
+        rightLabel.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/ThreeColumn/ListThreeColumnSpeedTestDivider.swift

@@ -13,9 +13,9 @@ import Foundation
     //-------------------------------------------------------
     // MARK: - Outlets
     //-------------------------------------------------------
-    let leftLabel = Label.createLabelBoldBodySmall(true)
+    let leftLabel = Label(fontStyle: .BoldBodySmall)
-    let centerLabel = Label.createLabelBoldBodySmall(true)
+    let centerLabel = Label(fontStyle: .BoldBodySmall)
-    let rightLabel = Label.createLabelBoldBodySmall(true)
+    let rightLabel = Label(fontStyle: .BoldBodySmall)
     var stack: Stack<StackModel>
     
     //-------------------------------------------------------
@@ -56,8 +56,8 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        centerLabel.styleBoldBodySmall(true)
+        centerLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleBoldBodySmall(true)
+        rightLabel.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/DesignedComponents/SectionDividers/TwoColumn/ListTwoColumnSubsectionDivider.swift

@@ -13,8 +13,8 @@ import Foundation
    //--------------------------------------------------
     // MARK: - Outlets
     //--------------------------------------------------
-    let leftLabel = Label.createLabelBoldBodySmall(true)
+    let leftLabel = Label(fontStyle: .BoldBodySmall)
-    let rightLabel = Label.createLabelBoldBodySmall(true)
+    let rightLabel = Label(fontStyle: .BoldBodySmall)
     var stack: Stack<StackModel>
     
     //-------------------------------------------------------
@@ -56,7 +56,7 @@ import Foundation
     
     open override func reset() {
         super.reset()
-        leftLabel.styleBoldBodySmall(true)
+        leftLabel.setFontStyle(.BoldBodySmall)
-        rightLabel.styleBoldBodySmall(true)
+        rightLabel.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/Doughnut/ColorViewWithLabel.swift

@@ -14,7 +14,7 @@ open class ColorViewWithLabel: View {
     // MARK: - Properties
     //--------------------------------------------------
     
-    public var label = Label.createLabelRegularBodySmall(true)
+    public var label = Label(fontStyle: .RegularBodySmall, true)
     public var colorView = View()
     private var sizeObject = MFStyler.sizeObjectGeneric(forCurrentDevice: 8)!
     

MVMCoreUI/Atomic/Molecules/Doughnut/DoughnutChart.swift

@@ -15,8 +15,8 @@ open class DoughnutChart: View {
     //--------------------------------------------------
     
     public var doughnutLayer = CALayer()
-    public var titleLabel = Label.createLabelBoldTitleLarge(true)
+    public var titleLabel = Label(fontStyle: .BoldTitleLarge)
-    public var subTitleLabel = Label.createLabelRegularMicro(true)
+    public var subTitleLabel = Label(fontStyle: .RegularMicro)
     public var labelContainer = MVMCoreUICommonViewsUtility.commonView()
     public static let heightConstant: CGFloat = 136
     private var sizeObject = MFStyler.sizeObjectGeneric(forCurrentDevice: heightConstant)!

MVMCoreUI/Atomic/Molecules/HorizontalCombinationViews/ImageHeadlineBody.swift

@@ -18,7 +18,7 @@ import UIKit
 
     open override func setupView() {
         super.setupView()
-        headlineBody.headlineLabel.styleBoldBodySmall(true)
+        headlineBody.headlineLabel.setFontStyle(.BoldBodySmall)
         headlineBody.spaceBetweenLabelsConstant = 0
         imageView.addSizeConstraintsForAspectRatio = true
 
@@ -43,7 +43,7 @@ import UIKit
     open override func reset() {
         super.reset()
         headlineBody.reset()
-        headlineBody.headlineLabel.styleBoldBodySmall(true)
+        headlineBody.headlineLabel.setFontStyle(.BoldBodySmall)
         headlineBody.spaceBetweenLabelsConstant = 0
         imageView.reset()
     }

MVMCoreUI/Atomic/Molecules/HorizontalCombinationViews/TabBar.swift

@@ -0,0 +1,101 @@
+//
+//  TabBar.swift
+//  MVMCoreUI
+//
+//  Created by Scott Pfeil on 5/28/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+@objcMembers open class TabBar: UITabBar, MoleculeViewProtocol, TabBarProtocol, UITabBarDelegate {
+    
+    public var model: TabBarModel
+    public var delegateObject: MVMCoreUIDelegateObject?
+    public let line = Line()
+
+    required public init(model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable: Any]?) {
+        guard let model = model as? TabBarModel else {
+            fatalError("model is not TabBarModel")
+        }
+        self.model = model
+        super.init(frame: .zero)
+        
+        delegate = self
+        translatesAutoresizingMaskIntoConstraints = false
+        line.addLine(to: self, edge: .top, useMargin: false)
+        line.backgroundColor = .mvmCoolGray3
+        set(with: model, delegateObject, additionalData)
+    }
+    
+    required public init?(coder: NSCoder) {
+        fatalError("init(coder:) has not been implemented")
+    }
+    
+    open func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
+        guard let model = model as? TabBarModel else { return }
+        self.model = model
+        
+        // Set appearance
+        if #available(iOS 13.0, *) {
+            let appearance = UITabBarAppearance()
+            appearance.backgroundColor = model.backgroundColor?.uiColor
+            setTabBarItemColors(appearance.stackedLayoutAppearance, model: model)
+            setTabBarItemColors(appearance.inlineLayoutAppearance, model: model)
+            setTabBarItemColors(appearance.compactInlineLayoutAppearance, model: model)
+            standardAppearance = appearance
+        } else {
+            // Fallback on earlier versions
+            backgroundColor = model.backgroundColor?.uiColor
+            tintColor = model.selectedColor.uiColor
+            unselectedItemTintColor = model.unSelectedColor.uiColor
+            barTintColor = model.backgroundColor?.uiColor
+            isTranslucent = false
+        }
+        
+        // Add buttons
+        var tabs: [UITabBarItem] = []
+        for (index, tab) in model.tabs.enumerated() {
+            let tabBarItem = UITabBarItem(title: tab.title, image: UIImage(named: tab.image, in: MVMCoreCache.shared()?.bundleToUseForImages(), compatibleWith: nil), tag: index)
+            tabs.append(tabBarItem)
+        }
+        setItems(tabs, animated: false)
+        selectedItem = tabs[model.selectedTab]
+    }
+    
+    /// Sets the item colors.
+    @available(iOS 13.0, *)
+    private func setTabBarItemColors(_ itemAppearance: UITabBarItemAppearance, model: TabBarModel) {
+        itemAppearance.normal.iconColor = model.unSelectedColor.uiColor
+        itemAppearance.normal.titleTextAttributes = [NSAttributedString.Key.foregroundColor: model.unSelectedColor.uiColor]
+        
+        itemAppearance.selected.iconColor = model.selectedColor.uiColor
+        itemAppearance.selected.titleTextAttributes = [NSAttributedString.Key.foregroundColor: model.selectedColor.uiColor]
+    }
+    
+    // MARK: - UITabBarDelegate
+    public func tabBar(_ tabBar: UITabBar, didSelect item: UITabBarItem) {
+        self.model.selectedTab = item.tag
+        Button.performButtonAction(with: model.tabs[item.tag].action, button: item, delegateObject: delegateObject, additionalData: nil)
+    }
+    
+    // MARK: - TabBarProtocol
+    public func highlightTab(at index: Int) {
+        MVMCoreDispatchUtility.performBlock(onMainThread: {
+            guard let newSelectedItem = self.items?[index] else { return }
+            self.model.selectedTab = index
+            self.selectedItem = newSelectedItem
+        })
+    }
+    
+    public func selectTab(at index: Int) {
+        MVMCoreDispatchUtility.performBlock(onMainThread: {
+            guard let newSelectedItem = self.items?[index] else { return }
+            self.selectedItem = newSelectedItem
+            self.tabBar(self, didSelect: newSelectedItem)
+        })
+    }
+}
+
+extension UITabBarItem: MFButtonProtocol {
+}

MVMCoreUI/Atomic/Molecules/HorizontalCombinationViews/TabBarModel.swift

@@ -0,0 +1,92 @@
+//
+//  TabBarModel.swift
+//  MVMCoreUI
+//
+//  Created by Scott Pfeil on 5/28/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+public class TabBarModel: MoleculeModelProtocol {
+    public static var identifier: String = "tabBar"
+    public var backgroundColor: Color? = Color(uiColor: .white)
+    public var tabs: [TabBarItemModel]
+    public var selectedColor = Color(uiColor: .mvmBlack)
+    public var unSelectedColor = Color(uiColor: .mvmCoolGray3)
+    
+    // Must be capped to 0...(tabs.count - 1)
+    public var selectedTab: Int = 0
+    
+    private enum CodingKeys: String, CodingKey {
+        case moleculeName
+        case backgroundColor
+        case tabs
+        case selectedColor
+        case unSelectedColor
+        case selectedTab
+    }
+    
+    public init(with tabs: [TabBarItemModel]) {
+        self.tabs = tabs
+    }
+    
+    required public init(from decoder: Decoder) throws {
+        let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
+        tabs = try typeContainer.decode([TabBarItemModel].self, forKey: .tabs)
+        if let color = try typeContainer.decodeIfPresent(Color.self, forKey: .backgroundColor) {
+            backgroundColor = color
+        }
+        if let color = try typeContainer.decodeIfPresent(Color.self, forKey: .unSelectedColor) {
+            unSelectedColor = color
+        }
+        if let color = try typeContainer.decodeIfPresent(Color.self, forKey: .selectedColor) {
+            selectedColor = color
+        }
+        if let index = try typeContainer.decodeIfPresent(Int.self, forKey: .selectedTab) {
+            selectedTab = index
+        }
+    }
+              
+    public func encode(to encoder: Encoder) throws {
+        var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encode(moleculeName, forKey: .moleculeName)
+        try container.encode(tabs, forKey: .tabs)
+        try container.encode(backgroundColor, forKey: .backgroundColor)
+        try container.encode(selectedColor, forKey: .selectedColor)
+        try container.encode(unSelectedColor, forKey: .unSelectedColor)
+        try container.encode(selectedTab, forKey: .selectedTab)
+    }
+}
+
+public class TabBarItemModel: Codable {
+    var title: String
+    var image: String
+    var action: ActionModelProtocol
+
+    private enum CodingKeys: String, CodingKey {
+        case title
+        case image
+        case action
+    }
+    
+    public init(with title: String, image: String, action: ActionModelProtocol) {
+        self.title = title
+        self.image = image
+        self.action = action
+    }
+        
+    required public init(from decoder: Decoder) throws {
+        let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
+        title = try typeContainer.decode(String.self, forKey: .title)
+        image = try typeContainer.decode(String.self, forKey: .image)
+        action = try typeContainer.decodeModel(codingKey: .action)
+    }
+              
+    public func encode(to encoder: Encoder) throws {
+        var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encode(title, forKey: .title)
+        try container.encode(image, forKey: .image)
+        try container.encodeModel(action, forKey: .action)
+    }
+}

MVMCoreUI/Atomic/Molecules/HorizontalCombinationViews/TabsModel.swift

@@ -78,5 +78,4 @@ public class TabItemModel: Codable {
         try container.encodeModel(label, forKey: .label)
         try container.encodeModelIfPresent(action, forKey: .action)
     }
-    
 }

MVMCoreUI/Atomic/Molecules/Items/MoleculeCollectionItemModel.swift

@@ -13,6 +13,12 @@ import Foundation
     open override class var identifier: String {
         return "collectionItem"
     }
+    
+    public var action: ActionModelProtocol?
+    
+    private enum CodingKeys: String, CodingKey {
+        case action
+    }
 
     /// Defaults to set
     public override func setDefaults() {
@@ -35,10 +41,14 @@ import Foundation
     }
 
     required public init(from decoder: Decoder) throws {
+        let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
+        action = try typeContainer.decodeModelIfPresent(codingKey: .action)
         try super.init(from: decoder)
     }
 
     public override func encode(to encoder: Encoder) throws {
+        var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encodeModelIfPresent(action, forKey: .action)
         try super.encode(to: encoder)
     }
 }

MVMCoreUI/Atomic/Molecules/LeftRightViews/CornerLabels.swift

@@ -10,10 +10,10 @@ import UIKit
 
 @objcMembers public class CornerLabels: View {
     var middleView: UIView?
-    let topLeftLabel = Label.createLabelBoldBodySmall(true)
+    let topLeftLabel = Label(fontStyle: .BoldBodySmall)
-    let topRightLabel = Label.createLabelBoldBodySmall(true)
+    let topRightLabel = Label(fontStyle: .BoldBodySmall)
-    let bottomLeftLabel = Label.createLabelRegularMicro(true)
+    let bottomLeftLabel = Label(fontStyle: .RegularMicro)
-    let bottomRightLabel = Label.createLabelRegularMicro(true)
+    let bottomRightLabel = Label(fontStyle: .RegularMicro)
     let topLabelsView = MVMCoreUICommonViewsUtility.commonView()
     let bottomLabelsView = MVMCoreUICommonViewsUtility.commonView()
     
@@ -151,10 +151,10 @@ import UIKit
     }
     
     func styleDefault() {
-        topLeftLabel.styleBoldBodySmall(true)
+        topLeftLabel.setFontStyle(.BoldBodySmall)
-        topRightLabel.styleBoldBodySmall(true)
+        topRightLabel.setFontStyle(.BoldBodySmall)
-        bottomLeftLabel.styleRegularMicro(true)
+        bottomLeftLabel.setFontStyle(.RegularMicro)
-        bottomRightLabel.styleRegularMicro(true)
+        bottomRightLabel.setFontStyle(.RegularMicro)
     }
     
     public class func estimatedHeight(forRow json: [AnyHashable : Any]?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat {

MVMCoreUI/Atomic/Molecules/LeftRightViews/ToggleMolecules/LabelToggle.swift

@@ -14,7 +14,7 @@ import UIKit
     // MARK: - Properties
     //--------------------------------------------------
 
-    public let label = Label.createLabelBoldBodySmall(true)
+    public let label = Label(fontStyle: .BoldBodySmall)
     public let toggle = Toggle()
     
     //--------------------------------------------------
@@ -58,6 +58,6 @@ import UIKit
         super.reset()
         label.reset()
         toggle.reset()
-        label.styleBoldBodySmall(true)
+        label.setFontStyle(.BoldBodySmall)
     }
 }

MVMCoreUI/Atomic/Molecules/NavigationBar/NavigationItemModel.swift

@@ -18,6 +18,7 @@ public class NavigationItemModel: NavigationItemModelProtocol, MoleculeModelProt
     public var backgroundColor: Color?
     public var tintColor: Color
     public var line: LineModel?
+    public var alwaysShowBackButton = false
     public var backButton: (NavigationButtonModelProtocol & MoleculeModelProtocol)? = NavigationImageButtonModel(with: "back", action: ActionBackModel())
     public var additionalLeftButtons: [(NavigationButtonModelProtocol & MoleculeModelProtocol)]?
     public var additionalRightButtons: [(NavigationButtonModelProtocol & MoleculeModelProtocol)]?
@@ -30,11 +31,13 @@ public class NavigationItemModel: NavigationItemModelProtocol, MoleculeModelProt
     }
     
     private enum CodingKeys: String, CodingKey {
+        case moleculeName
         case title
         case hidden
         case backgroundColor
         case tintColor
         case line
+        case alwaysShowBackButton
         case backButton
         case showLeftPanelButton
         case showRightPanelButton
@@ -49,6 +52,7 @@ public class NavigationItemModel: NavigationItemModelProtocol, MoleculeModelProt
         backgroundColor = try typeContainer.decodeIfPresent(Color.self, forKey: .backgroundColor) ?? Color(uiColor: .white)
         tintColor = try typeContainer.decodeIfPresent(Color.self, forKey: .tintColor) ?? Color(uiColor: .black)
         line = try typeContainer.decodeIfPresent(LineModel.self, forKey: .line)
+        alwaysShowBackButton = try typeContainer.decodeIfPresent(Bool.self, forKey: .alwaysShowBackButton) ?? false
         if let backButton: (NavigationButtonModelProtocol & MoleculeModelProtocol) = try typeContainer.decodeModelIfPresent(codingKey: .backButton) {
             self.backButton = backButton
         }
@@ -58,11 +62,13 @@ public class NavigationItemModel: NavigationItemModelProtocol, MoleculeModelProt
               
     open func encode(to encoder: Encoder) throws {
         var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encode(moleculeName, forKey: .moleculeName)
         try container.encodeIfPresent(title, forKey: .title)
         try container.encode(hidden, forKey: .hidden)
-        try container.encode(backgroundColor, forKey: .backgroundColor)
+        try container.encodeIfPresent(backgroundColor, forKey: .backgroundColor)
         try container.encode(tintColor, forKey: .tintColor)
         try container.encodeIfPresent(line, forKey: .line)
+        try container.encode(alwaysShowBackButton, forKey: .alwaysShowBackButton)
         try container.encodeModelIfPresent(backButton, forKey: .backButton)
         try container.encodeModelsIfPresent(additionalLeftButtons, forKey: .additionalLeftButtons)
         try container.encodeModelsIfPresent(additionalRightButtons, forKey: .additionalRightButtons)

MVMCoreUI/Atomic/Molecules/VerticalCombinationViews/EyebrowHeadlineBodyLink.swift

@@ -14,9 +14,9 @@ import UIKit
     //--------------------------------------------------
     
     public let stack = Stack<StackModel>(frame: .zero)
-    public let eyebrow = Label.createLabelRegularMicro(true)
+    public let eyebrow = Label(fontStyle: .RegularMicro)
-    public let headline = Label.createLabelBoldBodySmall(true)
+    public let headline = Label(fontStyle: .BoldBodySmall)
-    public let body = Label.createLabelRegularBodySmall(true)
+    public let body = Label(fontStyle: .RegularBodySmall, true)
     public let link = Link()
     
     var castModel: EyebrowHeadlineBodyLinkModel? {
@@ -48,9 +48,9 @@ import UIKit
     open override func reset() {
         super.reset()
         stack.reset()
-        eyebrow.styleRegularMicro(true)
+        eyebrow.setFontStyle(.RegularMicro)
-        headline.styleBoldBodySmall(true)
+        headline.setFontStyle(.BoldBodySmall)
-        body.styleRegularBodySmall(true)
+        body.setFontStyle(.RegularBodySmall)
     }
     
     //--------------------------------------------------

MVMCoreUI/Atomic/Molecules/VerticalCombinationViews/HeadlineBody.swift

@@ -10,8 +10,8 @@ import UIKit
 
 open class HeadlineBody: View {
     
-    let headlineLabel = Label.createLabelBoldTitleLarge(true)
+    let headlineLabel = Label(fontStyle: .BoldTitleLarge)
-    let messageLabel = Label.createLabelRegularBodySmall(true)
+    let messageLabel = Label(fontStyle: .RegularBodySmall)
     var spaceBetweenLabelsConstant = PaddingOne
     var spaceBetweenLabels: NSLayoutConstraint?
     var leftConstraintTitle: NSLayoutConstraint?
@@ -39,26 +39,26 @@ open class HeadlineBody: View {
     }
     
     func styleLandingPageHeader() {
-        headlineLabel.styleTitle2XLarge(true)
+        headlineLabel.setFontStyle(.Title2XLarge)
-        messageLabel.styleRegularBodySmall(true)
+        messageLabel.setFontStyle(.RegularBodySmall)
         spaceBetweenLabelsConstant = PaddingTwo
     }
     
     func stylePageHeader() {
-        headlineLabel.styleBoldTitleLarge(true)
+        headlineLabel.setFontStyle(.BoldTitleLarge)
-        messageLabel.styleRegularBodySmall(true)
+        messageLabel.setFontStyle(.RegularBodySmall)
         spaceBetweenLabelsConstant = PaddingOne
     }
     
     func styleListItem() {
-        headlineLabel.styleBoldBodySmall(true)
+        headlineLabel.setFontStyle(.BoldBodySmall)
-        messageLabel.styleRegularBodySmall(true)
+        messageLabel.setFontStyle(.RegularBodySmall)
         spaceBetweenLabelsConstant = 0
     }
     
     func styleListItemDivider() {
-        headlineLabel.styleBoldTitleMedium(true)
+        headlineLabel.setFontStyle(.BoldTitleMedium)
-        messageLabel.styleRegularBodySmall(true)
+        messageLabel.setFontStyle(.RegularBodySmall)
         spaceBetweenLabelsConstant = 0
     }
 

MVMCoreUI/Atomic/Molecules/VerticalCombinationViews/Lists/StringAndMoleculeStack/StringAndMoleculeView.swift

@@ -9,7 +9,7 @@
 import Foundation
 
 open class StringAndMoleculeView: View {
-    var label = Label.createLabelRegularBodySmall(true)
+    var label = Label(fontStyle: .RegularBodySmall)
     var molecule: MoleculeViewProtocol
 
     var leftWidthConstraint: NSLayoutConstraint?

MVMCoreUI/Atomic/Organisms/Carousel.swift

@@ -19,8 +19,14 @@ public protocol CarouselPageControlProtocol {
 
 open class Carousel: View {
 
-    public let collectionView = CollectionView(frame: .zero, collectionViewLayout: UICollectionViewFlowLayout())
+    public let collectionView: CollectionView = {
-    
+        let layout = UICollectionViewFlowLayout()
+        layout.scrollDirection = .horizontal
+        layout.minimumInteritemSpacing = 0
+        layout.minimumLineSpacing = 0
+        return CollectionView(frame: .zero, collectionViewLayout: layout)
+    }()
+        
     /// The current index of the collection view. Includes dummy cells when looping.
     public var currentIndex = 0
     
@@ -36,13 +42,13 @@ open class Carousel: View {
     open var numberOfPages = 0
     
     /// The models for the molecules.
-    var molecules: [MoleculeModelProtocol & CarouselItemModelProtocol]?
+    public var molecules: [MoleculeModelProtocol & CarouselItemModelProtocol]?
     
     /// The horizontal alignment of the cell in the collection view. Only noticeable if the itemWidthPercent is less than 100%.
     public var itemAlignment = UICollectionView.ScrollPosition.left
     
     /// From 0-1. The item width as a percent of the carousel width.
-    public var itemWidthPercent: Float = 1
+    public var itemWidthPercent: CGFloat = 1
     
     /// The height of the carousel. Default is 300.
     public var collectionViewHeight: NSLayoutConstraint?
@@ -51,7 +57,7 @@ open class Carousel: View {
     public var pagingView: (UIView & CarouselPageControlProtocol)?
     
     /// If the carousel should loop after scrolling past the first and final cells.
-    var loop = false
+    public var loop = false
     
     private var dragging = false
     
@@ -81,6 +87,8 @@ open class Carousel: View {
         showPeaking(false)
 
         // Go to current cell. layoutIfNeeded is needed otherwise cellForItem returns nil for peaking logic. The dispatch is a sad way to ensure the collection view is ready to be scrolled.
+        guard let model = model as? CarouselModel,
+            (model.paging == true || model.loop == true) else { return }
         DispatchQueue.main.async {
             self.collectionView.scrollToItem(at: IndexPath(row: self.currentIndex, section: 0), at: self.itemAlignment, animated: false)
             self.collectionView.layoutIfNeeded()
@@ -98,15 +106,23 @@ open class Carousel: View {
         collectionView.delegate = self
         addSubview(collectionView)
         bottomPin = NSLayoutConstraint.constraintPinSubview(toSuperview: collectionView)?[ConstraintBot] as? NSLayoutConstraint
-        
         collectionViewHeight = collectionView.heightAnchor.constraint(equalToConstant: 300)
-        collectionViewHeight?.isActive = false
+        collectionViewHeight?.isActive = true
     }
     
     open override func updateView(_ size: CGFloat) {
         super.updateView(size)
         self.size = size
         
+        // Set insets for the carousel.
+        var inset = UIEdgeInsets.zero
+        let carouselModel = model as? CarouselModel
+        if carouselModel?.useHorizontalMargins ?? false {
+            inset.left = carouselModel?.leftPadding ?? Padding.Component.horizontalPaddingForSize(size)
+            inset.right = carouselModel?.rightPadding ?? Padding.Component.horizontalPaddingForSize(size)
+        }
+        (collectionView.collectionViewLayout as? UICollectionViewFlowLayout)?.sectionInset = inset
+        
         // Update cells and re-layout.
         for cell in collectionView.visibleCells {
             (cell as? MVMCoreViewProtocol)?.updateView(size)
@@ -128,19 +144,19 @@ open class Carousel: View {
         collectionView.layer.borderColor = backgroundColor?.cgColor
         collectionView.layer.borderWidth = (carouselModel.border ?? false) ? 1 : 0
         backgroundColor = .white
-        
+        (collectionView.collectionViewLayout as? UICollectionViewFlowLayout)?.minimumLineSpacing = carouselModel.spacing ?? 0
-        registerCells(with: carouselModel, delegateObject: delegateObject)
+
-        setupLayout(with: carouselModel)
+        itemWidthPercent = carouselModel.itemWidthPercent / 100.0
-        prepareMolecules(with: carouselModel)
-        itemWidthPercent = (carouselModel.itemWidthPercent ?? 100) / 100
         if let alignment = carouselModel.itemAlignment {
             itemAlignment = alignment
         }
 
         if let height = carouselModel.height {
-            collectionViewHeight?.constant = CGFloat(height)
+            collectionViewHeight?.constant = height
-            collectionViewHeight?.isActive = true
         }
+        
+        registerCells(with: carouselModel, delegateObject: delegateObject)
+        prepareMolecules(with: carouselModel)
 
         setupPagingMolecule(carouselModel.pagingMolecule, delegateObject: delegateObject)
         
@@ -153,16 +169,6 @@ open class Carousel: View {
     // MARK: - JSON Setters
     //--------------------------------------------------
     
-    /// Updates the layout being used
-    func setupLayout(with carouselModel: CarouselModel?) {
-        
-        let layout = UICollectionViewFlowLayout()
-        layout.scrollDirection = .horizontal
-        layout.minimumLineSpacing = CGFloat(carouselModel?.spacing ?? 1)
-        layout.minimumInteritemSpacing = 0
-        collectionView.collectionViewLayout = layout
-    }
-    
     func prepareMolecules(with carouselModel: CarouselModel?) {
         guard let newMolecules = carouselModel?.molecules else {
             numberOfPages = 0
@@ -187,11 +193,12 @@ open class Carousel: View {
     /// Sets up the paging molecule
     open func setupPagingMolecule(_ molecule: (CarouselPagingModelProtocol & MoleculeModelProtocol)?, delegateObject: MVMCoreUIDelegateObject?) {
         var pagingView: (UIView & CarouselPageControlProtocol)? = nil
-        if let molecule = molecule {
+        if let molecule = molecule,
+            (!molecule.hidesForSinglePage || numberOfPages > 1) {
             pagingView = MoleculeObjectMapping.shared()?.createMolecule(molecule, delegateObject: delegateObject) as? (UIView & CarouselPageControlProtocol)
         }
         
-        addPaging(view: pagingView, position: (CGFloat(molecule?.position ?? 20)))
+        addPaging(view: pagingView, position: molecule?.position ?? 20)
     }
     
     /// Registers the cells with the collection view
@@ -294,7 +301,7 @@ open class Carousel: View {
 
 extension Carousel: UICollectionViewDelegateFlowLayout {
     open func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
-        let itemWidth = collectionView.bounds.width * CGFloat(itemWidthPercent)
+        let itemWidth = collectionView.bounds.width * itemWidthPercent
         return CGSize(width: itemWidth, height: collectionView.bounds.height)
     }
     
@@ -324,8 +331,15 @@ extension Carousel: UICollectionViewDataSource {
     }
 }
 
+extension Carousel: UICollectionViewDelegate {
+    open func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        (collectionView.cellForItem(at: indexPath) as? CollectionTemplateItemProtocol)?.didSelectCell(at: indexPath, delegateObject: delegateObject, additionalData: nil)
+    }
+}
+
 extension Carousel: UIScrollViewDelegate {
     
+    /// Go to the cell at the specified index.
     func goTo(_ index: Int, animated: Bool) {
         
         showPeaking(false)
@@ -339,51 +353,33 @@ extension Carousel: UIScrollViewDelegate {
         }
     }
     
-    func handleUserOnBufferCell() {
+    /// Adjusts the current contentOffset if we are going onto buffer cells while looping to help with the endless scrolling appearance.
-        guard loop else { return }
+    func adjustOffsetForLooping(_ scrollView: UIScrollView) {
-
+        let translatedPoint = scrollView.panGestureRecognizer.translation(in: scrollView.superview).x
-        let lastPageIndex = numberOfPages + 1
+        if translatedPoint > 0 {
-        let goToIndex = { (index: Int) in
+            // Moving left, see if we are moving passed the first left buffer card and adjust
-            self.goTo(index, animated: false)
+            if let threshold = collectionView.layoutAttributesForItem(at: IndexPath(item: 1, section: 0))?.frame.minX,
-            self.collectionView.layoutIfNeeded()
+                scrollView.contentOffset.x < threshold,
-            self.pagingView?.currentIndex = self.pageIndex
+                let newOffset = collectionView.layoutAttributesForItem(at: IndexPath(item: numberOfPages + 1, section: 0))?.frame.minX {
-        }
+                scrollView.contentOffset.x = newOffset
-        
+            }
-        if currentIndex < 2 {
+        } else if translatedPoint < 0 {
-            // If on a "buffer" last row (which is the first index), go to the real last row secretly. layoutIfNeeded is needed otherwise cellForItem returns nil for peaking.
+            // Moving right, see if we are moving passed the first right buffer card and adjust
-            goToIndex(lastPageIndex)
+            if let threshold = collectionView.layoutAttributesForItem(at: IndexPath(item: numberOfPages + 2, section: 0))?.frame.maxX,
-        } else if currentIndex > lastPageIndex {
+                scrollView.contentOffset.x + scrollView.bounds.width > threshold,
-            // If on the "buffer" first row (which is the index after the real last row), go to the real first row secretly.
+                let newEndOffset = collectionView.layoutAttributesForItem(at: IndexPath(item: 2, section: 0))?.frame.maxX {
-            goToIndex(2)
+                scrollView.contentOffset.x = newEndOffset - scrollView.bounds.width
-        }
-    }
-    
-    func checkForDraggingOutOfBounds(_ scrollView: UIScrollView) {
-        
-        guard loop, dragging else { return }
-        
-        // Checks if the user is not paging but attempting to drag endlessly and goes out of bounds. Caps the index.
-        if let separatorWidth = (collectionView.collectionViewLayout as? UICollectionViewFlowLayout)?.minimumLineSpacing {
-            let itemWidth = collectionView.bounds.width * CGFloat(itemWidthPercent)
-            let index = scrollView.contentOffset.x / (itemWidth + separatorWidth)
-            let lastCellIndex = collectionView(collectionView, numberOfItemsInSection: 0) - 1
-            
-            if index < 1 {
-                currentIndex = 0
-                updateModelIndex()
-            } else if index > CGFloat(lastCellIndex - 1) {
-                currentIndex = lastCellIndex
-                updateModelIndex()
             }
         }
-        
-        handleUserOnBufferCell()
     }
     
     open func scrollViewDidScroll(_ scrollView: UIScrollView) {
-        
+
-        // Check if the user is dragging the card even further past the next card.
+        // Adjust for looping
-        //checkForDraggingOutOfBounds(scrollView)
+        if let model = model as? CarouselModel,
+            model.loop == true {
+            adjustOffsetForLooping(scrollView)
+        }
         
         // Let the pager know our progress if needed.
         pagingView?.scrollViewDidScroll(collectionView)
@@ -391,6 +387,7 @@ extension Carousel: UIScrollViewDelegate {
     
     public func scrollViewWillBeginDragging(_ scrollView: UIScrollView) {
         
+        // Disable peaking when dragging.
         dragging = true
         showPeaking(false)
     }
@@ -398,32 +395,63 @@ extension Carousel: UIScrollViewDelegate {
     public func scrollViewWillEndDragging(_ scrollView: UIScrollView, withVelocity velocity: CGPoint, targetContentOffset: UnsafeMutablePointer<CGPoint>) {
         
         dragging = false
-        targetContentOffset.pointee = scrollView.contentOffset
         
-        // This is for setting up smooth custom paging. (Since UICollectionView only handles paging based on collection view size and not cell size).
+        // This is for setting up smooth custom paging. (Since UICollectionView only handles paging based on collection view size and not cell size). Math requires that we are using UICollectionViewFlowLayout.
-        guard let separatorWidth = (collectionView.collectionViewLayout as? UICollectionViewFlowLayout)?.minimumLineSpacing else { return }
+        guard (model as? CarouselModel)?.paging == true,
+            let layout = collectionView.collectionViewLayout as? UICollectionViewFlowLayout else { return }
         
-        // We switch cards if we pass the velocity threshold or position threshold (currently 50%).
+        let separatorWidth = layout.minimumLineSpacing
-        let itemWidth = collectionView.bounds.width * CGFloat(itemWidthPercent)
+        let itemWidth = collectionView.bounds.width * itemWidthPercent
-        var cellToSwipeTo = Int(scrollView.contentOffset.x / (itemWidth + separatorWidth) + 0.5)
+        let width = itemWidth + separatorWidth
-        let lastCellIndex = collectionView(collectionView, numberOfItemsInSection: 0) - 1
-        let velocityThreshold: CGFloat = 1.1
         
-        if velocity.x > velocityThreshold {
+        // Adjusts the offset for the contentInset. Adds imaginary half separator to the left of the first card, which is necessary for determining the percent of a given card we are currently at.
-            cellToSwipeTo = currentIndex + 1
+        let adjustedOffset = scrollView.contentOffset.x - layout.sectionInset.left + (separatorWidth / 2)
-            
+        
-        } else if velocity.x < -velocityThreshold {
+        // Calculates the offset per card depending on the alignment.
-            cellToSwipeTo = currentIndex - 1
+        var offsetByCard: CGFloat
+        switch itemAlignment {
+        case .right:
+            offsetByCard = ((adjustedOffset + scrollView.bounds.width) / width) - 1
+        case .centeredHorizontally:
+            offsetByCard = ((adjustedOffset + (scrollView.bounds.width / 2)) / width) - 0.5
+        default:
+            offsetByCard = adjustedOffset / width
         }
         
+        // Adjust card for velocity impact.
+        let velocityThreshold: CGFloat = 1.1
+        var cellToSwipeTo: Int
+        if velocity.x > velocityThreshold {
+            cellToSwipeTo = Int(ceil(offsetByCard))
+        } else if velocity.x < -velocityThreshold {
+            cellToSwipeTo = Int(floor(offsetByCard))
+        } else {
+            cellToSwipeTo = Int(round(offsetByCard))
+        }
+        
+        // If we are swiping to a buffer cell, change to real cell before beginning animation so we don't go out of bounds.
+        if cellToSwipeTo < 2 {
+            let newOffset = scrollView.contentOffset.x + (width * CGFloat(numberOfPages))
+            scrollView.contentOffset.x = newOffset
+            targetContentOffset.pointee.x = newOffset
+            cellToSwipeTo = cellToSwipeTo + numberOfPages
+        } else if cellToSwipeTo > numberOfPages + 1 {
+            let newOffset = scrollView.contentOffset.x - (width * CGFloat(numberOfPages))
+            scrollView.contentOffset.x = newOffset
+            targetContentOffset.pointee.x = newOffset
+            cellToSwipeTo = cellToSwipeTo - numberOfPages
+        } else {
+            targetContentOffset.pointee = scrollView.contentOffset
+        }
+
         // Cap the index.
+        let lastCellIndex = collectionView(collectionView, numberOfItemsInSection: 0) - 1
         goTo(min(max(cellToSwipeTo, 0), lastCellIndex), animated: true)
     }
     
     // To give the illusion of endless scrolling. Since we are always calling scrollToItem we can assume finished paging in here.
     public func scrollViewDidEndScrollingAnimation(_ scrollView: UIScrollView) {
         // Cycle to other end if on buffer cell.
-        handleUserOnBufferCell()
         pagingView?.currentIndex = pageIndex
         showPeaking(true)
     }

MVMCoreUI/Atomic/Organisms/CarouselModel.swift

@@ -21,14 +21,18 @@ import UIKit
     public var backgroundColor: Color?
     public var molecules: [MoleculeModelProtocol & CarouselItemModelProtocol]
     public var index: Int = 0
-    public var spacing: Float?
+    public var spacing: CGFloat?
     public var border: Bool?
     public var loop: Bool?
-    public var height: Float?
+    public var height: CGFloat?
-    public var itemWidthPercent: Float?
+    @Percent public var itemWidthPercent = 100
     public var itemAlignment: UICollectionView.ScrollPosition?
     public var pagingMolecule: (CarouselPagingModelProtocol & MoleculeModelProtocol)?
-
+    public var paging: Bool = true
+    public var useHorizontalMargins: Bool?
+    public var leftPadding: CGFloat?
+    public var rightPadding: CGFloat?
+    
     public init(molecules: [MoleculeModelProtocol & CarouselItemModelProtocol]) {
         self.molecules = molecules
     }
@@ -49,6 +53,10 @@ import UIKit
         case itemWidthPercent
         case itemAlignment
         case pagingMolecule
+        case paging
+        case useHorizontalMargins
+        case leftPadding
+        case rightPadding
     }
     
     //--------------------------------------------------
@@ -60,13 +68,21 @@ import UIKit
         molecules = try typeContainer.decodeModels(codingKey: .molecules)
         index = try typeContainer.decodeIfPresent(Int.self, forKey: .index) ?? 0
         backgroundColor = try typeContainer.decodeIfPresent(Color.self, forKey: .backgroundColor)
-        spacing = try typeContainer.decodeIfPresent(Float.self, forKey: .spacing)
+        spacing = try typeContainer.decodeIfPresent(CGFloat.self, forKey: .spacing)
         border = try typeContainer.decodeIfPresent(Bool.self, forKey: .border)
         loop = try typeContainer.decodeIfPresent(Bool.self, forKey: .loop)
-        height = try typeContainer.decodeIfPresent(Float.self, forKey: .height)
+        height = try typeContainer.decodeIfPresent(CGFloat.self, forKey: .height)
-        itemWidthPercent = try typeContainer.decodeIfPresent(Float.self, forKey: .itemWidthPercent)
+        if let itemWidthPercent = try typeContainer.decodeIfPresent(CGFloat.self, forKey: .itemWidthPercent) {
+            self.itemWidthPercent = itemWidthPercent
+        }
         itemAlignment = try typeContainer.decodeIfPresent(UICollectionView.ScrollPosition.self, forKey: .itemAlignment)
         pagingMolecule = try typeContainer.decodeModelIfPresent(codingKey: .pagingMolecule)
+        if let paging = try typeContainer.decodeIfPresent(Bool.self, forKey: .paging) {
+            self.paging = paging
+        }
+        useHorizontalMargins = try typeContainer.decodeIfPresent(Bool.self, forKey: .useHorizontalMargins)
+        leftPadding = try typeContainer.decodeIfPresent(CGFloat.self, forKey: .leftPadding)
+        rightPadding = try typeContainer.decodeIfPresent(CGFloat.self, forKey: .rightPadding)
    }
 
    public func encode(to encoder: Encoder) throws {
@@ -74,12 +90,16 @@ import UIKit
         try container.encode(moleculeName, forKey: .moleculeName)
         try container.encodeIfPresent(backgroundColor, forKey: .backgroundColor)
         try container.encodeModels(molecules, forKey: .molecules)
-        try container.encode(spacing, forKey: .spacing)
+        try container.encodeIfPresent(spacing, forKey: .spacing)
-        try container.encode(border, forKey: .border)
+        try container.encodeIfPresent(border, forKey: .border)
-        try container.encode(loop, forKey: .loop)
+        try container.encodeIfPresent(loop, forKey: .loop)
-        try container.encode(height, forKey: .height)
+        try container.encodeIfPresent(height, forKey: .height)
         try container.encode(itemWidthPercent, forKey: .itemWidthPercent)
-        try container.encode(itemAlignment, forKey: .itemAlignment)
+        try container.encodeIfPresent(itemAlignment, forKey: .itemAlignment)
         try container.encodeModelIfPresent(pagingMolecule, forKey: .pagingMolecule)
+        try container.encode(paging, forKey: .paging)
+        try container.encodeIfPresent(useHorizontalMargins, forKey: .useHorizontalMargins)
+        try container.encodeIfPresent(leftPadding, forKey: .leftPadding)
+        try container.encodeIfPresent(rightPadding, forKey: .rightPadding)
     }
 }

MVMCoreUI/Atomic/Protocols/ModelProtocols/CarouselPagingModelProtocol.swift

@@ -10,5 +10,6 @@ import Foundation
 
 
 public protocol CarouselPagingModelProtocol {
-    var position: Float? { get }
+    var position: CGFloat? { get }
+    var hidesForSinglePage: Bool { get }
 }

MVMCoreUI/Atomic/Protocols/ModelProtocols/NavigationItemModelProtocol.swift

@@ -14,6 +14,7 @@ public protocol NavigationItemModelProtocol {
     var backgroundColor: Color? { get set }
     var tintColor: Color { get set }
     var line: LineModel? { get set }
+    var alwaysShowBackButton: Bool { get set }
     var backButton: (NavigationButtonModelProtocol & MoleculeModelProtocol)? { get set }
     var additionalLeftButtons: [(NavigationButtonModelProtocol & MoleculeModelProtocol)]? { get set }
     var additionalRightButtons: [(NavigationButtonModelProtocol & MoleculeModelProtocol)]? { get set }

MVMCoreUI/Atomic/Protocols/ModelProtocols/TabPageModelProtocol.swift

@@ -0,0 +1,14 @@
+//
+//  TabPageModelProtocol.swift
+//  MVMCoreUI
+//
+//  Created by Scott Pfeil on 6/1/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+public protocol TabPageModelProtocol {
+    var tabBarHidden: Bool { get set }
+    var tabBarIndex: Int? { get set }
+}

MVMCoreUI/Atomic/Protocols/TabBarProtocol.swift

@@ -0,0 +1,17 @@
+//
+//  TabBarProtocol.swift
+//  MVMCoreUI
+//
+//  Created by Scott Pfeil on 5/29/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+
+import Foundation
+
+@objc public protocol TabBarProtocol {
+    /// Should visually select the given tab index.
+    @objc func highlightTab(at index: Int)
+    
+    /// Should select the tab index. As if the user selected it.
+    @objc func selectTab(at index: Int)
+}

MVMCoreUI/Atomic/Templates/CollectionTemplate.swift

@@ -131,7 +131,7 @@ import Foundation
         return cell
     }
     
-    public func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+    public override func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
         (collectionView.cellForItem(at: indexPath) as? CollectionTemplateItemProtocol)?.didSelectCell(at: indexPath, delegateObject: delegateObjectIVar, additionalData: nil)
     }
     

MVMCoreUI/Atomic/Templates/MoleculeStackTemplate.swift

@@ -57,7 +57,9 @@ open class MoleculeStackTemplate: ThreeLayerViewController, TemplateProtocol {
 
         let stack = MoleculeStackView(frame: .zero)
         moleculeStackModel.useStackSpacingBeforeFirstItem = true
-        moleculeStackModel.useHorizontalMargins = true
+        if moleculeStackModel.useHorizontalMargins == nil {
+            moleculeStackModel.useHorizontalMargins = true
+        }
         stack.set(with: moleculeStackModel, delegateObject() as? MVMCoreUIDelegateObject, nil)
         return stack
     }

MVMCoreUI/Atomic/Templates/TemplateModel.swift

@@ -9,7 +9,7 @@
 import Foundation
 
 
-@objcMembers public class TemplateModel: MVMControllerModelProtocol {
+@objcMembers public class TemplateModel: MVMControllerModelProtocol, TabPageModelProtocol {
     //--------------------------------------------------
     // MARK: - Properties
     //--------------------------------------------------
@@ -29,6 +29,9 @@ import Foundation
     public var navigationBar: (NavigationItemModelProtocol & MoleculeModelProtocol)?
     public var formRules: [FormGroupRule]?
     public var behaviors: [PageBehaviorProtocol]?
+    
+    public var tabBarHidden: Bool = false
+    public var tabBarIndex: Int?
 
     //--------------------------------------------------
     // MARK: - Initializer
@@ -50,6 +53,8 @@ import Foundation
         case formRules
         case behaviors
         case navigationBar
+        case tabBarHidden
+        case tabBarIndex
     }
     
     //--------------------------------------------------
@@ -64,6 +69,10 @@ import Foundation
         formRules = try typeContainer.decodeIfPresent([FormGroupRule].self, forKey: .formRules)
         behaviors = try typeContainer.decodeModelsIfPresent(codingKey: .behaviors)
         navigationBar = try typeContainer.decodeModelIfPresent(codingKey: .navigationBar)
+        if let tabBarHidden = try typeContainer.decodeIfPresent(Bool.self, forKey: .tabBarHidden) {
+            self.tabBarHidden = tabBarHidden
+        }
+        tabBarIndex = try typeContainer.decodeIfPresent(Int.self, forKey: .tabBarIndex)
     }
 
     public func encode(to encoder: Encoder) throws {
@@ -74,5 +83,7 @@ import Foundation
         try container.encodeIfPresent(screenHeading, forKey: .screenHeading)
         try container.encodeIfPresent(formRules, forKey: .formRules)
         try container.encodeModelIfPresent(navigationBar, forKey: .navigationBar)
+        try container.encode(tabBarHidden, forKey: .tabBarHidden)
+        try container.encodeIfPresent(tabBarIndex, forKey: .tabBarIndex)
     }
 }

MVMCoreUI/BaseClasses/BarButtonItem.swift

@@ -31,11 +31,7 @@ public typealias BarButtonAction = (BarButtonItem) -> ()
     open func set(with actionModel: ActionModelProtocol, delegateObject: MVMCoreUIDelegateObject?, additionalData: [AnyHashable: Any]?) {
         buttonDelegate = delegateObject?.buttonDelegate
         actionDelegate?.buttonAction = { sender in
-            if let data = try? actionModel.encode(using: JSONEncoder()),
+            Button.performButtonAction(with: actionModel, button: sender, delegateObject: delegateObject, additionalData: additionalData)
-                let actionMap = try? JSONSerialization.jsonObject(with: data, options: JSONSerialization.ReadingOptions.init()) as? [AnyHashable: Any],
-                delegateObject?.buttonDelegate?.button?(sender, shouldPerformActionWithMap: actionMap, additionalData: additionalData) ?? true {
-                MVMCoreActionHandler.shared()?.handleAction(with: actionMap, additionalData: additionalData, delegateObject: delegateObject)
-            }
         }
     }
     

MVMCoreUI/BaseClasses/Button.swift

@@ -78,11 +78,15 @@ public typealias ButtonAction = (Button) -> ()
         
         addActionBlock(event: .touchUpInside) { [weak self] sender in
             guard let self = self else { return }
-            if let data = try? actionModel.encode(using: JSONEncoder()),
+            Self.performButtonAction(with: actionModel, button: self, delegateObject: delegateObject, additionalData: additionalData)
-                let actionMap = try? JSONSerialization.jsonObject(with: data, options: JSONSerialization.ReadingOptions.init()) as? [AnyHashable: Any],
+        }
-                delegateObject?.buttonDelegate?.button?(self, shouldPerformActionWithMap: actionMap, additionalData: additionalData) ?? true {
+    }
-                MVMCoreActionHandler.shared()?.handleAction(with: actionMap, additionalData: additionalData, delegateObject: delegateObject)
+    
-            }
+    open class func performButtonAction(with model: ActionModelProtocol, button: MFButtonProtocol, delegateObject: MVMCoreUIDelegateObject?, additionalData: [AnyHashable: Any]?) {
+        if let data = try? model.encode(using: JSONEncoder()),
+            let actionMap = try? JSONSerialization.jsonObject(with: data, options: JSONSerialization.ReadingOptions.init()) as? [AnyHashable: Any],
+            delegateObject?.buttonDelegate?.button?(button, shouldPerformActionWithMap: actionMap, additionalData: additionalData) ?? true {
+            MVMCoreActionHandler.shared()?.handleAction(with: actionMap, additionalData: additionalData, delegateObject: delegateObject)
         }
     }
     

MVMCoreUI/BaseClasses/CollectionViewCell.swift

@@ -10,7 +10,7 @@ import Foundation
 
 
 /// A base collection view cell with basic mvm functionality.
-open class CollectionViewCell: UICollectionViewCell, MoleculeViewProtocol, MVMCoreViewProtocol, CollectionTemplateItemProtocol {
+open class CollectionViewCell: UICollectionViewCell, MoleculeViewProtocol, MVMCoreViewProtocol, CollectionTemplateItemProtocol, MFButtonProtocol {
     //--------------------------------------------------
     // MARK: - Properties
     //--------------------------------------------------
@@ -25,10 +25,6 @@ open class CollectionViewCell: UICollectionViewCell, MoleculeViewProtocol, MVMCo
     
     private var initialSetupPerformed = false
     
-    //--------------------------------------------------
-    // MARK: - Properties
-    //--------------------------------------------------
-    
     // MARK: - Inits
     public override init(frame: CGRect) {
         super.init(frame: .zero)
@@ -47,10 +43,6 @@ open class CollectionViewCell: UICollectionViewCell, MoleculeViewProtocol, MVMCo
         }
     }
     
-    //--------------------------------------------------
-    // MARK: - Properties
-    //--------------------------------------------------
-    
     // MARK: - MVMCoreViewProtocol
     open func setupView() {
         isAccessibilityElement = false
@@ -68,16 +60,6 @@ open class CollectionViewCell: UICollectionViewCell, MoleculeViewProtocol, MVMCo
         (molecule as? MVMCoreViewProtocol)?.updateView(size)
     }
     
-    open func reset() {
-        molecule?.reset()
-        backgroundColor = .mvmWhite
-        width = nil
-    }
-    
-    //--------------------------------------------------
-    // MARK: - Properties
-    //--------------------------------------------------
-    
     // MARK: - MoleculeViewProtocol
     open func set(with model: MoleculeModelProtocol, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable: Any]?) {
         guard let model = model as? CollectionItemModelProtocol else { return }
@@ -94,6 +76,12 @@ open class CollectionViewCell: UICollectionViewCell, MoleculeViewProtocol, MVMCo
         }
     }
     
+    open func reset() {
+        molecule?.reset()
+        backgroundColor = .mvmWhite
+        width = nil
+    }
+    
     /// Convenience function. Adds a molecule to the view.
     open func addMolecule(_ molecule: MoleculeViewProtocol) {
         contentView.addSubview(molecule)
@@ -109,6 +97,12 @@ open class CollectionViewCell: UICollectionViewCell, MoleculeViewProtocol, MVMCo
         self.width = width
     }
     
+    // MARK: - Override
+    open func didSelectCell(at index: IndexPath, delegateObject: MVMCoreUIDelegateObject?, additionalData: [AnyHashable : Any]?) {
+        guard let action = model?.action else { return }
+        Button.performButtonAction(with: action, button: self, delegateObject: delegateObject, additionalData: additionalData)
+    }
+    
     // Column logic, set width.
     override open func preferredLayoutAttributesFitting(_ layoutAttributes: UICollectionViewLayoutAttributes) -> UICollectionViewLayoutAttributes {
         let autoLayoutAttributes = super.preferredLayoutAttributesFitting(layoutAttributes)

MVMCoreUI/BaseClasses/Protocols/CollectionItemModelProtocol.swift

@@ -9,5 +9,13 @@
 import Foundation
 
 public protocol CollectionItemModelProtocol {
-    
+    var action: ActionModelProtocol? { get set }
+}
+
+// Not a strict requirement.
+public extension CollectionItemModelProtocol {
+    var action: ActionModelProtocol? {
+        get { return nil }
+        set { }
+    }
 }

MVMCoreUI/BaseClasses/TableViewCell.swift

@@ -8,7 +8,7 @@
 
 import UIKit
 
-@objcMembers open class TableViewCell: UITableViewCell, MoleculeViewProtocol, MoleculeListCellProtocol, MVMCoreViewProtocol {
+@objcMembers open class TableViewCell: UITableViewCell, MoleculeViewProtocol, MoleculeListCellProtocol, MVMCoreViewProtocol, MFButtonProtocol {
 
     open var molecule: MoleculeViewProtocol?
     open var listItemModel: ListItemModelProtocol?
@@ -267,10 +267,8 @@ import UIKit
     }
     
     public func didSelectCell(at index: IndexPath, delegateObject: MVMCoreUIDelegateObject?, additionalData: [AnyHashable: Any]?) {
-        //TODO: Use object when handleAction is rewrote to handle action model
+        guard let action = listItemModel?.action else { return }
-        if let actionMap = self.listItemModel?.action?.toJSON() {
+        Button.performButtonAction(with: action, button: self, delegateObject: delegateObject, additionalData: additionalData)
-            MVMCoreActionHandler.shared()?.handleAction(with: actionMap, additionalData: additionalData, delegateObject: delegateObject)
-        }
     }
     
     public func willDisplay() {

MVMCoreUI/BaseClasses/UICollectionViewLeftAlignedLayout.swift

@@ -0,0 +1,27 @@
+//
+//  UICollectionViewLeftAlignedLayout.swift
+//  MVMCoreUI
+//
+//  Created by Dhamodaram Nandi on 05/06/20.
+//  Copyright © 2020 Verizon Wireless. All rights reserved.
+//
+//  Left aligns items and makes the minimumInteritemSpacing absolute.
+
+import Foundation
+
+class UICollectionViewLeftAlignedLayout: UICollectionViewFlowLayout {
+    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
+        guard let attributes = super.layoutAttributesForElements(in: rect) else { return nil }
+        var newAttributesForElementsInRect = [UICollectionViewLayoutAttributes]()
+        for attribute in attributes {
+            if let previousFrame = newAttributesForElementsInRect.last,
+                MVMCoreGetterUtility.cgfequal(previousFrame.frame.minY, attribute.frame.minY) {
+                attribute.frame.origin.x = previousFrame.frame.maxX + minimumInteritemSpacing
+            } else {
+                attribute.frame.origin.x = 0
+            }
+            newAttributesForElementsInRect.append(attribute)
+        }
+        return newAttributesForElementsInRect
+    }
+}

MVMCoreUI/BaseControllers/ThreeLayerCollectionViewController.swift

@@ -233,4 +233,8 @@ import Foundation
         }
         fatalError()
     }
+    
+    open func collectionView(_ collectionView: UICollectionView, didSelectItemAt indexPath: IndexPath) {
+        (collectionView.cellForItem(at: indexPath) as? CollectionTemplateItemProtocol)?.didSelectCell(at: indexPath, delegateObject: delegateObjectIVar, additionalData: nil)
+    }
 }

MVMCoreUI/BaseControllers/ViewController.swift

@@ -8,7 +8,7 @@
 
 import UIKit
 
-@objc open class ViewController: UIViewController, MVMCoreViewControllerProtocol, MVMCoreViewManagerViewControllerProtocol, MoleculeDelegateProtocol, FormHolderProtocol, MVMCoreActionDelegateProtocol, UITextFieldDelegate, UITextViewDelegate, ObservingTextFieldDelegate {
+@objc open class ViewController: UIViewController, MVMCoreViewControllerProtocol, MVMCoreViewManagerViewControllerProtocol, MoleculeDelegateProtocol, FormHolderProtocol, MVMCoreActionDelegateProtocol, MVMCoreLoadDelegateProtocol, UITextFieldDelegate, UITextViewDelegate, ObservingTextFieldDelegate {
     @objc public var pageType: String?
     @objc public var loadObject: MVMCoreLoadObject?
     public var pageModel: MVMControllerModelProtocol?
@@ -259,6 +259,16 @@ import UIKit
             MVMCoreUISplitViewController.main()?.setBottomProgressBarProgress(progress / Float(100))
         }
     }
+    
+    // MARK: - TabBar
+    open func updateTabBar() {
+        guard MVMCoreUISplitViewController.main()?.getCurrentDetailViewController() == self,
+            let tabModel = pageModel as? TabPageModelProtocol else { return }
+        if let index = tabModel.tabBarIndex {
+            MVMCoreUISplitViewController.main()?.tabBar?.highlightTab(at: index)
+        }
+        MVMCoreUISplitViewController.main()?.updateTabBarShowing(!tabModel.tabBarHidden)
+    }
 
     // MARK: - View lifecycle
     
@@ -323,6 +333,9 @@ import UIKit
     open override func viewDidAppear(_ animated: Bool) {
         super.viewDidAppear(animated)
         
+        // Update tab if needed.
+        updateTabBar()
+        
         if manager == nil {
             MVMCoreUISession.sharedGlobal()?.currentPageType = pageType
             MVMCoreUILoggingHandler.shared()?.defaultLogPageState(forController: self)
@@ -371,6 +384,28 @@ import UIKit
         MVMCoreUILoggingHandler.shared()?.defaultLogPageState(forController: self)
     }
     
+    // MARK: - MVMCoreLoadDelegateProtocol
+    // TODO: Move this function out of here after architecture cleanup.
+    open func loadFinished(_ loadObject: MVMCoreLoadObject?, loadedViewController: (UIViewController & MVMCoreViewControllerProtocol)?, error: MVMCoreErrorObject?) {
+        
+        MVMCoreUILoggingHandler.log(withDelegateLoadFinished: loadObject, loadedViewController: loadedViewController, error: error)
+        
+        // Open the support panel
+        if error == nil,
+            loadObject?.requestParameters?.openSupportPanel ?? (loadObject?.systemParametersJSON?.boolForKey(KeyOpenSupport) ?? false) == true {
+            MVMCoreUISession.sharedGlobal()?.splitViewController?.showRightPanel(animated: true)
+        }
+        
+        // Selects the tab if needed. Page driven takes priority over action driven (see viewWillAppear)
+        if let tab: Int = loadObject?.requestParameters?.actionMap?["tabBarIndex"] as? Int,
+            error == nil,
+            loadObject?.pageJSON?["tabBarIndex"] == nil {
+            MVMCoreDispatchUtility.performBlock(onMainThread: {
+                MVMCoreUISplitViewController.main()?.tabBar?.highlightTab(at: tab)
+            })
+        }
+    }
+
     // MARK: - MVMCoreActionDelegateProtocol
     open func handleOpenPage(for requestParameters: MVMCoreRequestParameters, actionInformation: [AnyHashable: Any]?, additionalData: [AnyHashable: Any]?) {
         formValidator?.addFormParams(requestParameters: requestParameters)

MVMCoreUI/Categories/UIColor+Extension.swift

@@ -282,7 +282,9 @@ extension UIColor {
         
         guard let components = color.cgColor.components else { return nil }
         
-        if color.cgColor.numberOfComponents >= 3 {
+        let numberOfComponents = color.cgColor.numberOfComponents
+        if numberOfComponents >= 3 {
+            // RGB color space
             let r = Int(CGFloat(components[0]) * 255)
             let g = Int(CGFloat(components[1]) * 255)
             let b = Int(CGFloat(components[2]) * 255)
@@ -294,6 +296,16 @@ extension UIColor {
             }
             
             return String(format: "%02X%02X%02X", r, g, b)
+        } else if numberOfComponents == 2 {
+            // Monochromatic color space
+            let value = Int(CGFloat(components[0]) * 255)
+
+            // If alpha of color is less than 1.0 then alpha hex is relevant.
+            if components[1] < 1.0 {
+                let alpha = Int(CGFloat(components[1]) * 255)
+                return String(format: "%02X%02X%02X%02X", value, value, value, alpha)
+            }
+            return String(format: "%02X%02X%02X", value, value, value)
         }
         
         return nil

MVMCoreUI/Containers/NavigationController.swift

@@ -48,7 +48,7 @@ import UIKit
         let delegate = (viewController as? MVMCoreViewControllerProtocol)?.delegateObject?() as? MVMCoreUIDelegateObject
         var leftItems: [UIBarButtonItem] = []
         if let backButtonModel = navigationItemModel.backButton,
-            navigationController.viewControllers.count > 1 {
+            navigationController.viewControllers.count > 1 || navigationItemModel.alwaysShowBackButton {
             leftItems.append(backButtonModel.createNavigationItemButton(delegateObject: delegate, additionalData: nil))
         }
         if let leftItemModels = navigationItemModel.additionalLeftButtons {
@@ -90,4 +90,12 @@ import UIKit
         // Sets up the navigation buttons.
         setNavigationButtons(navigationController: navigationController, navigationItemModel: navigationItemModel, viewController: viewController)
     }
+    
+    /// Convenience setter for legacy files
+    public static func set(navigationController: UINavigationController, navigationJSON: [String: Any], viewController: UIViewController) throws {
+        guard let barModel = try MoleculeObjectMapping.shared()?.getMoleculeModelForJSON(navigationJSON) as? (MoleculeModelProtocol & NavigationItemModelProtocol) else {
+            throw ModelRegistry.Error.decoderOther(message: "Model not a bar model")
+        }
+        set(navigationController: navigationController, navigationItemModel: barModel, viewController: viewController)
+    }
 }