Caret fix in table view cell

code condensing
extra init functions

MVMCoreUI/Atoms/Buttons/ButtonModel.swift

@@ -24,7 +24,7 @@ public class ButtonModel: ButtonModelProtocol, MoleculeModelProtocol {
     public var title: String
     public var action: ActionModelProtocol
     public var enabled: Bool = true
-    public var style: ButtonStyle?
+    public var style: ButtonStyle? = .primary
     public var size: ButtonSize? = .standard
     public var fillColor: Color?
     public var textColor: Color?

MVMCoreUI/Atoms/Buttons/CaretLinkModel.swift

@@ -15,7 +15,7 @@ public class CaretLinkModel: ButtonModelProtocol, MoleculeModelProtocol {
     public var title: String
     public var action: ActionModelProtocol
     public var enabledColor: Color = Color(uiColor: .black)
-    public var disabledColor: Color? = Color(uiColor: .mfSilver())
+    public var disabledColor: Color? = Color(uiColor: .mvmCoolGray6)
     public var enabled = true
 
     public init(title: String, action: ActionModelProtocol) {

MVMCoreUI/Atoms/Views/Checkbox.swift

@@ -395,7 +395,7 @@ import MVMCore
             heightConstraint?.constant = dimension
         }
         
-        layoutIfNeeded()
+        //layoutIfNeeded()
     }
     
     public override func setWithJSON(_ json: [AnyHashable: Any]?, delegateObject: MVMCoreUIDelegateObject?, additionalData: [AnyHashable: Any]?) {

MVMCoreUI/Atoms/Views/CheckboxModel.swift

@@ -59,6 +59,8 @@ import Foundation
         case action
     }
     
+    init(isChecked: Bool = false) {}
+
     //--------------------------------------------------
     // MARK: - Codec
     //--------------------------------------------------

MVMCoreUI/Atoms/Views/CircleProgressModel.swift

@@ -37,7 +37,10 @@ public class CircleProgressModel: MoleculeModelProtocol {
     public var colors = [Color]()
     public var backgroundColor: Color?
     
-    public init() {}
+    public init() {
+        updateStyle()
+        updateSize()
+    }
     
     private enum CodingKeys: String, CodingKey {
         case style

MVMCoreUI/BaseClasses/TableViewCell.swift

@@ -198,16 +198,16 @@ import UIKit
     /// Adds the standard mvm style caret to the accessory view
     @objc public func addCaretViewAccessory() {
         guard accessoryView == nil else { return }
-        caretView = CaretView(lineWidth: 1)
+        let caret = CaretView(lineWidth: 1)
-        caretView?.translatesAutoresizingMaskIntoConstraints = true
+        caret.translatesAutoresizingMaskIntoConstraints = true
-        caretView?.size = .small(.vertical)
+        caret.size = .small(.vertical)
-        caretView?.setConstraints()
+        if let size = caret.size?.dimensions() {
-        
+            caret.frame = CGRect(origin: CGPoint.zero, size: size)
-        if let size = caretView?.size?.dimensions() {
             caretViewWidthSizeObject = MFSizeObject(standardSize: size.width, standardiPadPortraitSize: 9)
             caretViewHeightSizeObject = MFSizeObject(standardSize: size.height, standardiPadPortraitSize: 16)
         }
-        accessoryView = caretView
+        caretView = caret
+        accessoryView = caret
     }
     
     /// NOTE: Should only be called when displayed or about to be displayed.

MVMCoreUI/Containers/Views/Container/ContainerModel.swift

@@ -28,6 +28,12 @@ public class ContainerModel: ContainerModelProtocol, Codable {
     
     public init() {}
     
+    public convenience init(horizontalAlignment: UIStackView.Alignment? = nil, verticalAlignment: UIStackView.Alignment? = nil) {
+        self.init()
+        self.horizontalAlignment = horizontalAlignment
+        self.verticalAlignment = verticalAlignment
+    }
+
     required public init(from decoder: Decoder) throws {
         let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
         if let verticalAlignmentString = try typeContainer.decodeIfPresent(String.self, forKey: .verticalAlignment) {

MVMCoreUI/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableCheckboxAllTextAndLinks.swift

@@ -8,49 +8,33 @@
 
 import Foundation
 
-@objcMembers public class ListLeftVariableCheckboxAllTextAndLinks: TableViewCell {
+@objcMembers open class ListLeftVariableCheckboxAllTextAndLinks: TableViewCell {
     public let checkbox = Checkbox(frame: .zero)
     public let eyebrowHeadlineBodyLink = EyebrowHeadlineBodyLink(frame: .zero)
     public let stack = Stack<StackModel>(frame: .zero)
    
     // MARK: - View Lifecycle
-    open override func updateView(_ size: CGFloat) {
-        super.updateView(size)
-        stack.updateView(size)
-    }
-    
     override open func setupView() {
         super.setupView()
         stack.stackItems = [StackItem(andContain: checkbox),StackItem(andContain: eyebrowHeadlineBodyLink)]
-        contentView.addSubview(stack)
+        addMolecule(stack)
-        containerHelper.constrainView(stack)
-    }
-    
-    // MARK:- ModelMoleculeViewProtocol
-    override open func reset() {
-        super.reset()
-        stack.reset()
     }
     
     // MARK:- MVMCoreUIMoleculeViewProtocol
-    public override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
+    open override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
         super.setWithModel(model, delegateObject, additionalData)
         guard let model = model as? ListLeftVariableCheckboxAllTextAndLinksModel else { return}
         checkbox.setWithModel(model.checkbox, delegateObject, additionalData)
         eyebrowHeadlineBodyLink.setWithModel(model.eyebrowHeadlineBodyLink, delegateObject, additionalData)
     
-        // Create a stack model to use for the internal stack and set the alignment of labels
+        let stackModel = StackModel(molecules: [StackItemModel(horizontalAlignment: .fill),
-        let checkbox = StackItemModel()
+                                                StackItemModel(horizontalAlignment: .leading)],
-        checkbox.horizontalAlignment = .fill
+                                    axis: .horizontal)
-        let eyebrowHeadlineBodyLink = StackItemModel()
-        eyebrowHeadlineBodyLink.horizontalAlignment = .leading
-        let stackModel = StackModel(molecules: [checkbox,eyebrowHeadlineBodyLink])
-        stackModel.axis = .horizontal
         stack.model = stackModel
         stack.restack()
     }
     
-    public override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {
+    open override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {
         return 140
     }
 }

MVMCoreUI/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableCheckboxAllTextAndLinksModel.swift

@@ -28,7 +28,7 @@ public class ListLeftVariableCheckboxAllTextAndLinksModel: ListItemModel, Molecu
     required public init(from decoder: Decoder) throws {
         let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
         eyebrowHeadlineBodyLink = try typeContainer.decode(EyebrowHeadlineBodyLinkModel.self, forKey: .eyebrowHeadlineBodyLink)
-        checkbox = try typeContainer.decode(CheckboxModel.self, forKey: .checkbox)
+        checkbox = try typeContainer.decodeIfPresent(CheckboxModel.self, forKey: .checkbox) ?? CheckboxModel()
         try super.init(from: decoder)
     }
                  

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

@@ -9,7 +9,7 @@
 import Foundation
 import UIKit
 
-@objcMembers public class ListLeftVariableIconWithRightCaret: TableViewCell {
+@objcMembers open class ListLeftVariableIconWithRightCaret: TableViewCell {
     
     //-----------------------------------------------------
     // MARK: - Outlets
@@ -22,17 +22,11 @@ import UIKit
     //-----------------------------------------------------
     // MARK: - View Lifecycle
     //-------------------------------------------------------
-    open override func updateView(_ size: CGFloat) {
-        super.updateView(size)
-        stack.updateView(size)
-    }
     
     override open func setupView() {
         super.setupView()
-        stack.translatesAutoresizingMaskIntoConstraints = false
         stack.stackItems = [StackItem(andContain: leftImage),StackItem(andContain: leftLabel),StackItem(andContain: rightLabel)]
-        contentView.addSubview(stack)
+        addMolecule(stack)
-        containerHelper.constrainView(stack)
         leftLabel.setContentHuggingPriority(UILayoutPriority(rawValue: 901), for: .horizontal)
         rightLabel.setContentHuggingPriority(UILayoutPriority(rawValue: 902), for: .horizontal)
     }
@@ -40,32 +34,28 @@ import UIKit
     //----------------------------------------------------
     // MARK: - Molecule
     //------------------------------------------------------
-    override open func reset() {
+    open override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
-        super.reset()
-        stack.reset()
-    }
-    
-    public override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
         super.setWithModel(model, delegateObject, additionalData)
         guard let model = model as? ListLeftVariableIconWithRightCaretModel else { return}
         leftImage.setWithModel(model.image, delegateObject, additionalData)
         leftLabel.setWithModel(model.leftLabel, delegateObject, additionalData)
         rightLabel.setWithModel(model.rightLabel, delegateObject, additionalData)
         
-        // Create a stack model to use for the internal stack and set the alignment of labels
+        let stackModel = StackModel(molecules: [StackItemModel(horizontalAlignment: .fill),
-        let leftImage = StackItemModel()
+                                                StackItemModel(horizontalAlignment: .fill),
-        leftImage.horizontalAlignment = .fill
+                                                StackItemModel(horizontalAlignment: .trailing)],
-        let leftLabel = StackItemModel()
+                                    axis: .horizontal)
-        leftLabel.horizontalAlignment = .fill
-        let rightLabel = StackItemModel()
-        rightLabel.horizontalAlignment = .trailing
-        let stackModel = StackModel(molecules: [leftImage,leftLabel,rightLabel])
-        stackModel.axis = .horizontal
         stack.model = stackModel
         stack.restack()
     }
     
-    public override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {
+    open override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {
         return 90
     }
+    
+    open override func reset() {
+        super.reset()
+        leftLabel.styleB2(true)
+        rightLabel.styleB2(true)
+    }
 }

MVMCoreUI/Molecules/DesignedComponents/List/LeftVariable/ListLeftVariableIconWithRightCaretModel.swift

@@ -19,6 +19,7 @@ public class ListLeftVariableIconWithRightCaretModel: ListItemModel, MoleculeMod
         if image.height == nil {
             image.height = 30.0
         }
+        rightLabel.hero = 0
     }
     
     public init(image: ImageViewModel, leftLabel: LabelModel, rightLabel: LabelModel) {
@@ -43,7 +44,7 @@ public class ListLeftVariableIconWithRightCaretModel: ListItemModel, MoleculeMod
         try super.init(from: decoder)
     }
     
-    public  override func encode(to encoder: Encoder) throws {
+    public 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)

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

@@ -13,46 +13,30 @@ import Foundation
     let rightLabel = Label.commonLabelB2(true)
     let stack = Stack<StackModel>(frame: .zero)
     
-    //-------------------------------------------------
-    // MARK: - View Cycle
-    //-------------------------------------------------
-    open override func updateView(_ size: CGFloat) {
-        super.updateView(size)
-        stack.updateView(size)
-    }
-    
     //-------------------------------------------------
     // MARK: - Setup
     //-------------------------------------------------
     open override func setupView() {
         super.setupView()
         rightLabel.setContentCompressionResistancePriority(UILayoutPriority(rawValue: 900), for: .horizontal)
-        stack.translatesAutoresizingMaskIntoConstraints = false
         stack.stackItems = [StackItem(andContain: leftLabel),StackItem(andContain: wheel),StackItem(andContain: rightLabel)]
-        contentView.addSubview(stack)
+        addMolecule(stack)
-        containerHelper.constrainView(stack)
     }
     
     //-------------------------------------------------
     // MARK: - ModelMoleculeViewProtocol
     //-------------------------------------------------
-    public override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
+    open override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
         super.setWithModel(model, delegateObject, additionalData)
         guard let model = model as? ListRVWheelModel else { return }
         leftLabel.setWithModel(model.leftLabel, delegateObject, additionalData)
         rightLabel.setWithModel(model.rightLabel, delegateObject, additionalData)
         wheel.setWithModel(model.wheel, delegateObject, additionalData)
         
-        // Create a stack model to use for the internal stack and set the alignment of models
+        let stackModel = StackModel(molecules: [StackItemModel(horizontalAlignment: .leading),
-        let leftLabelStackItem = StackItemModel()
+                                                StackItemModel(horizontalAlignment: .fill),
-        leftLabelStackItem.horizontalAlignment = .leading
+                                                StackItemModel(spacing: 4, horizontalAlignment: .fill)],
-        let wheelStackItem = StackItemModel()
+                                    axis: .horizontal)
-        wheelStackItem.horizontalAlignment = .fill
-        let rightLabelStackItem = StackItemModel()
-        rightLabelStackItem.horizontalAlignment = .fill
-        rightLabelStackItem.spacing = 4
-        let stackModel = StackModel(molecules: [leftLabelStackItem,wheelStackItem,rightLabelStackItem])
-        stackModel.axis = .horizontal
         stack.model = stackModel
         stack.restack()
     }
@@ -62,7 +46,6 @@ import Foundation
     //-------------------------------------------------
     open override func reset() {
         super.reset()
-        stack.reset()
         leftLabel.styleB1(true)
         rightLabel.styleB2(true)
     }

MVMCoreUI/Molecules/DesignedComponents/List/RightVariable/ListRVWheelModel.swift

@@ -20,6 +20,12 @@ public class ListRVWheelModel: ListItemModel, MoleculeModelProtocol {
         super.init()
     }
     
+    /// Defaults to set
+    override public func setDefaults() {
+        super.setDefaults()
+        rightLabel.hero = 0
+    }
+    
     private enum CodingKeys: String, CodingKey {
         case moleculeName
         case leftLabel
@@ -31,7 +37,7 @@ public class ListRVWheelModel: ListItemModel, MoleculeModelProtocol {
         let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
         leftLabel = try typeContainer.decode(LabelModel.self, forKey: .leftLabel)
         rightLabel = try typeContainer.decode(LabelModel.self, forKey: .rightLabel)
-        wheel = try typeContainer.decode(CircleProgressModel.self, forKey: .wheel)
+        wheel = try typeContainer.decodeIfPresent(CircleProgressModel.self, forKey: .wheel) ?? CircleProgressModel()
         try super.init(from: decoder)
     }
     

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

@@ -8,12 +8,11 @@
 
 import Foundation
 
-@objcMembers public class ListRightVariablePayments: TableViewCell {
+@objcMembers open class ListRightVariablePayments: TableViewCell {
     
     //-----------------------------------------------------
     // MARK: - Outlets
     //-------------------------------------------------------
-    
     let leftLabel = Label.commonLabelB1(true)
     let rightImage = MFLoadImageView(pinnedEdges: .all)
     let stack = Stack<StackModel>(frame: .zero)
@@ -21,49 +20,34 @@ import Foundation
     //-----------------------------------------------------
     // MARK: - View Lifecycle
     //-------------------------------------------------------
-    
-    open override func updateView(_ size: CGFloat) {
-        super.updateView(size)
-        stack.updateView(size)
-    }
-    
     override open func setupView() {
         super.setupView()
-        guard leftLabel.superview == nil else {
-            return
-        }
-        stack.translatesAutoresizingMaskIntoConstraints = false
         stack.stackItems = [StackItem(andContain: leftLabel),StackItem(andContain: rightImage)]
-        contentView.addSubview(stack)
+        addMolecule(stack)
-        containerHelper.constrainView(stack)
     }
     
     //----------------------------------------------------
     // MARK: - Molecule
     //------------------------------------------------------
-    override open func reset() {
+    open override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
-        super.reset()
-        stack.reset()
-    }
-    
-    public override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
         super.setWithModel(model, delegateObject, additionalData)
         guard let model = model as? ListRightVariablePaymentsModel else { return }
         leftLabel.setWithModel(model.leftLabel, delegateObject, additionalData)
         rightImage.setWithModel(model.image, delegateObject, additionalData)
         
-        // Create a stack model to use for the internal stack and set the alignment of label and image
+        let stackModel = StackModel(molecules: [StackItemModel(horizontalAlignment: .leading),
-        let leftLabel = StackItemModel()
+                                                StackItemModel(horizontalAlignment: .fill)],
-        leftLabel.horizontalAlignment = .leading
+                                    axis: .horizontal)
-        let rightImage = StackItemModel()
-        rightImage.horizontalAlignment = .fill
-        let stackModel = StackModel(molecules: [leftLabel,rightImage])
-        stackModel.axis = .horizontal
         stack.model = stackModel
         stack.restack()
     }
     
-    public override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {
+    open override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat? {
         return 65
     }
+    
+    open override func reset() {
+        super.reset()
+        leftLabel.styleB1(true)
+    }
 }

MVMCoreUI/Molecules/DesignedComponents/List/RightVariable/ListRightVariablePaymentsModel.swift

@@ -20,6 +20,12 @@ public class ListRightVariablePaymentsModel: ListItemModel, MoleculeModelProtoco
         super.init()
     }
     
+    /// Defaults to set
+    override public func setDefaults() {
+        super.setDefaults()
+        leftLabel.hero = 0
+    }
+    
     static func createPayPalImage() -> ImageViewModel {
         let image = ImageViewModel(image: "imageName_PayPal_logo")
         image.localBundle = MVMCoreUIUtility.bundleForMVMCoreUI()

MVMCoreUI/Molecules/DesignedComponents/SectionDividers/ThreeColumn/ListThreeColumnPlanDataDivider.swift

@@ -16,23 +16,16 @@ import Foundation
     let stack = Stack<StackModel>(frame: .zero)
     
     // MARK: - MFViewProtocol
-    open override func updateView(_ size: CGFloat) {
-        super.updateView(size)
-        stack.updateView(size)
-    }
-    
     open override func setupView() {
         super.setupView()
 
         //using stackItems to align the three headlineBody
-        stack.translatesAutoresizingMaskIntoConstraints = false
         stack.stackItems = [StackItem(andContain: leftHeadlineBody),StackItem(andContain: centerHeadLineBody),StackItem(andContain: rightHeadLineBody)]
-        contentView.addSubview(stack)
+        addMolecule(stack)
-        containerHelper.constrainView(stack)
     }
     
     // MARK: - MVMCoreUIMoleculeViewProtocol
-    public override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
+    open override func setWithModel(_ model: MoleculeModelProtocol?, _ delegateObject: MVMCoreUIDelegateObject?, _ additionalData: [AnyHashable : Any]?) {
         super.setWithModel(model, delegateObject, additionalData)
         guard let model = model as? ListThreeColumnPlanDataDividerModel else { return }
         leftHeadlineBody.setWithModel(model.leftHeadlineBody, delegateObject, additionalData)
@@ -40,24 +33,15 @@ import Foundation
         rightHeadLineBody.setWithModel(model.rightHeadlineBody, delegateObject, additionalData)
         
         // Create a stack model to use for the internal stack and set the alignment of models
-        let leftHeadlineBodyAlignment = StackItemModel(percent: 33)
+        let stackModel = StackModel(molecules: [StackItemModel(percent: 33, horizontalAlignment: .leading),
-        leftHeadlineBodyAlignment.horizontalAlignment = .leading
+                                                       StackItemModel(percent: 34, horizontalAlignment: .center),
-        let centerHeadLineBodyAlignment = StackItemModel(percent: 34)
+                                                       StackItemModel(percent: 33, horizontalAlignment: .trailing)],
-        centerHeadLineBodyAlignment.horizontalAlignment = .center
+                                           axis: .horizontal)
-        let rightHeadLineBodyAlignment = StackItemModel(percent: 33)
-        rightHeadLineBodyAlignment.horizontalAlignment = .trailing
-        let stackModel = StackModel(molecules: [leftHeadlineBodyAlignment,centerHeadLineBodyAlignment,rightHeadLineBodyAlignment])
-        stackModel.axis = .horizontal
         stack.model = stackModel
         stack.restack()      
     }
     
-    open override func reset() {
+    open override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat {
-        super.reset()
-        stack.reset()
-    }
-    
-    public override class func estimatedHeight(forRow molecule: MoleculeModelProtocol?, delegateObject: MVMCoreUIDelegateObject?) -> CGFloat {
         return 121
     }
 }

MVMCoreUI/Molecules/DesignedComponents/SectionDividers/ThreeColumn/ListThreeColumnPlanDataDividerModel.swift

@@ -26,6 +26,9 @@ public class ListThreeColumnPlanDataDividerModel: ListItemModel, MoleculeModelPr
     override public func setDefaults() {
         super.setDefaults()
         style = "tallDivider"
+        leftHeadlineBody.style = "itemHeader"
+        centerHeadlineBody.style = "itemHeader"
+        rightHeadlineBody.style = "itemHeader"
     }
     
     private enum CodingKeys: String, CodingKey {

MVMCoreUI/Molecules/Items/StackItemModel.swift

@@ -16,13 +16,14 @@ import Foundation
     public var percent: Int?
     public var gone: Bool = false
     
-    public convenience init(gone: Bool) {
+    public convenience init(spacing: CGFloat? = nil, percent: Int? = nil, horizontalAlignment: UIStackView.Alignment? = nil, verticalAlignment: UIStackView.Alignment? = nil, gone: Bool? = nil) {
-        self.init()
-        self.gone = gone
-    }
-    
-    public convenience init(percent: Int) {
         self.init()
+        self.horizontalAlignment = horizontalAlignment
+        self.verticalAlignment = verticalAlignment
+        self.spacing = spacing
         self.percent = percent
+        if let gone = gone {
+            self.gone = gone
+        }
     }
 }

MVMCoreUI/Molecules/VerticalCombinationViews/EyebrowHeadlineBodyLinkModel.swift

@@ -8,7 +8,7 @@
 
 import Foundation
 
-public struct EyebrowHeadlineBodyLinkModel: MoleculeModelProtocol {
+public class EyebrowHeadlineBodyLinkModel: MoleculeModelProtocol {
     public static var identifier: String = "eyebrowHeadlineBodyLink"
     public var moleculeName: String? = EyebrowHeadlineBodyLinkModel.identifier
     public var backgroundColor: Color?
@@ -16,4 +16,56 @@ public struct EyebrowHeadlineBodyLinkModel: MoleculeModelProtocol {
     public var headline: LabelModel?
     public var body: LabelModel?
     public var link: LinkModel?
+    
+    public init(eyebrow: LabelModel? = nil, headline: LabelModel? = nil, body: LabelModel? = nil, link: LinkModel? = nil) throws {
+        // TODO: This class initializers should ensure that atleast one item is set.
+        /*guard eyebrow != nil || headline != nil || body != nil || link != nil else {
+            throw
+        }*/
+        self.eyebrow = eyebrow
+        self.headline = headline
+        self.body = body
+        self.link = link
+        setDefaults()
+    }
+    
+    /// Defaults to set
+    public func setDefaults() {
+        if let headline = headline {
+            headline.hero = 0
+        }
+    }
+    
+    private enum CodingKeys: String, CodingKey {
+        case moleculeName
+        case backgroundColor
+        case eyebrow
+        case headline
+        case body
+        case link
+    }
+    
+    required public init(from decoder: Decoder) throws {
+        let typeContainer = try decoder.container(keyedBy: CodingKeys.self)
+        backgroundColor = try typeContainer.decodeIfPresent(Color.self, forKey: .backgroundColor)
+        eyebrow = try typeContainer.decodeIfPresent(LabelModel.self, forKey: .eyebrow)
+        headline = try typeContainer.decodeIfPresent(LabelModel.self, forKey: .headline)
+        body = try typeContainer.decodeIfPresent(LabelModel.self, forKey: .body)
+        link = try typeContainer.decodeIfPresent(LinkModel.self, forKey: .link)
+        setDefaults()
+        // TODO: This class initializers should ensure that atleast one item is set.
+        /*guard eyebrow != nil || headline != nil || body != nil || link != nil else {
+            throw
+        }*/
+    }
+    
+    public func encode(to encoder: Encoder) throws {
+        var container = encoder.container(keyedBy: CodingKeys.self)
+        try container.encode(moleculeName, forKey: .moleculeName)
+        try container.encodeIfPresent(backgroundColor, forKey: .backgroundColor)
+        try container.encodeIfPresent(eyebrow, forKey: .eyebrow)
+        try container.encodeIfPresent(headline, forKey: .headline)
+        try container.encodeIfPresent(body, forKey: .body)
+        try container.encodeIfPresent(link, forKey: .link)
+    }
 }

MVMCoreUI/Organisms/StackModel.swift

@@ -16,8 +16,9 @@ import Foundation
     public var spacing: CGFloat = 16.0
     public var useStackSpacingBeforeFirstItem = false
 
-    public init(molecules: [StackItemModel]) {
+    public init(molecules: [StackItemModel], axis: NSLayoutConstraint.Axis = .vertical) {
         self.molecules = molecules
+        self.axis = axis
     }
 
     private enum CodingKeys: String, CodingKey {