From 05638422f61bf18fe7a2365d8029c573db7ecc24 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 28 Feb 2024 13:04:11 -0600
Subject: [PATCH 01/33] updated labels to ensure string is valid

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/Label/Attributes/AnyLabelAttribute.swift       | 1 +
 VDS/Components/Label/Attributes/ColorLabelAttribute.swift     | 2 ++
 VDS/Components/Label/Attributes/LabelAttributeModel.swift     | 4 ++++
 .../Label/Attributes/StrikeThroughLabelAttribute.swift        | 1 +
 VDS/Components/Label/Attributes/TextStyleLabelAttribute.swift | 1 +
 VDS/Components/Label/Attributes/UnderlineLabelAttribute.swift | 3 ++-
 6 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/VDS/Components/Label/Attributes/AnyLabelAttribute.swift b/VDS/Components/Label/Attributes/AnyLabelAttribute.swift
index b914c912..50e76ba7 100644
--- a/VDS/Components/Label/Attributes/AnyLabelAttribute.swift
+++ b/VDS/Components/Label/Attributes/AnyLabelAttribute.swift
@@ -30,6 +30,7 @@ public struct AnyAttribute: LabelAttributeModel {
     }
     
     public func setAttribute(on attributedString: NSMutableAttributedString) {
+        guard isValidRange(on: attributedString) else { return }
         attributedString.removeAttribute(key, range: range)
         attributedString.addAttribute(key, value: value, range: range)
     }
diff --git a/VDS/Components/Label/Attributes/ColorLabelAttribute.swift b/VDS/Components/Label/Attributes/ColorLabelAttribute.swift
index 354fbc93..50229ab0 100644
--- a/VDS/Components/Label/Attributes/ColorLabelAttribute.swift
+++ b/VDS/Components/Label/Attributes/ColorLabelAttribute.swift
@@ -31,6 +31,8 @@ public struct ColorLabelAttribute: LabelAttributeModel {
     }
     
     public func setAttribute(on attributedString: NSMutableAttributedString) {
+        guard isValidRange(on: attributedString) else { return }
+
         var colorRange = range
         if length == 0 && location == 0 {
             colorRange = .init(location: location, length: attributedString.length)
diff --git a/VDS/Components/Label/Attributes/LabelAttributeModel.swift b/VDS/Components/Label/Attributes/LabelAttributeModel.swift
index 62e1bbd8..87708ffb 100644
--- a/VDS/Components/Label/Attributes/LabelAttributeModel.swift
+++ b/VDS/Components/Label/Attributes/LabelAttributeModel.swift
@@ -29,6 +29,10 @@ extension LabelAttributeModel {
     public static func == (lhs: any LabelAttributeModel, rhs: any LabelAttributeModel) -> Bool {
         lhs.isEqual(rhs)
     }
+    
+    public func isValidRange(on attributedString: NSMutableAttributedString) -> Bool {
+        true//range.location + range.length <= attributedString.string.count
+    }
 }
 
 public extension NSAttributedString {
diff --git a/VDS/Components/Label/Attributes/StrikeThroughLabelAttribute.swift b/VDS/Components/Label/Attributes/StrikeThroughLabelAttribute.swift
index 93650f2b..ba4c97ac 100644
--- a/VDS/Components/Label/Attributes/StrikeThroughLabelAttribute.swift
+++ b/VDS/Components/Label/Attributes/StrikeThroughLabelAttribute.swift
@@ -24,6 +24,7 @@ public struct StrikeThroughLabelAttribute: LabelAttributeModel {
     }
     
     public func setAttribute(on attributedString: NSMutableAttributedString) {
+        guard isValidRange(on: attributedString) else { return }
         attributedString.addAttribute(.strikethroughStyle, value: NSUnderlineStyle.thick.rawValue, range: range)
         attributedString.addAttribute(.baselineOffset, value: 0, range: range)
     }
diff --git a/VDS/Components/Label/Attributes/TextStyleLabelAttribute.swift b/VDS/Components/Label/Attributes/TextStyleLabelAttribute.swift
index ae3ea1e5..a161d580 100644
--- a/VDS/Components/Label/Attributes/TextStyleLabelAttribute.swift
+++ b/VDS/Components/Label/Attributes/TextStyleLabelAttribute.swift
@@ -44,6 +44,7 @@ public struct TextStyleLabelAttribute: LabelAttributeModel {
     }
     
     public func setAttribute(on attributedString: NSMutableAttributedString) {
+        guard isValidRange(on: attributedString) else { return }
         attributedString.removeAttribute(.font, range: range)
         attributedString.addAttribute(.font, value: textStyle.font, range: range)
         if let textColor {
diff --git a/VDS/Components/Label/Attributes/UnderlineLabelAttribute.swift b/VDS/Components/Label/Attributes/UnderlineLabelAttribute.swift
index 0ca4e2f9..a2ad403e 100644
--- a/VDS/Components/Label/Attributes/UnderlineLabelAttribute.swift
+++ b/VDS/Components/Label/Attributes/UnderlineLabelAttribute.swift
@@ -52,7 +52,8 @@ public struct UnderlineLabelAttribute: LabelAttributeModel {
     //--------------------------------------------------
     // MARK: - Public Methods
     //--------------------------------------------------
-   public func setAttribute(on attributedString: NSMutableAttributedString) {
+    public func setAttribute(on attributedString: NSMutableAttributedString) {
+        guard isValidRange(on: attributedString) else { return }
         attributedString.addAttribute(.underlineStyle, value: underlineValue.rawValue, range: range)
         if let color = color {
             attributedString.addAttribute(.underlineColor, value: color, range: range)

From 82a8a32ccbd1f79c6144b83d7a6bc2a328917dc9 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Thu, 29 Feb 2024 10:14:42 -0600
Subject: [PATCH 02/33] refactored into base class for dealing with
 TileContainer Padding

---
 .../TileContainer/TileContainer.swift         | 75 +++++++++++--------
 VDS/Components/Tilelet/Tilelet.swift          | 52 ++++++++-----
 2 files changed, 75 insertions(+), 52 deletions(-)

diff --git a/VDS/Components/TileContainer/TileContainer.swift b/VDS/Components/TileContainer/TileContainer.swift
index 98090ae4..0484e815 100644
--- a/VDS/Components/TileContainer/TileContainer.swift
+++ b/VDS/Components/TileContainer/TileContainer.swift
@@ -10,8 +10,45 @@ import VDSColorTokens
 import VDSFormControlsTokens
 import UIKit
 
+public protocol Valuing {
+    static var defaultValue: Self { get }
+    var value: CGFloat { get }
+}
+
 @objc(VDSTileContainer)
-open class TileContainer: Control {
+open class TileContainer: TileContainerBase<TileContainer.Padding> {
+        
+    /// Enum used to describe the padding choices used for this component.
+    public enum Padding: Valuing {
+        case padding2X
+        case padding4X
+        case padding6X
+        case padding8X
+        case padding12X
+        case custom(CGFloat)
+        
+        public static var defaultValue: Self { .padding4X }
+        
+        public var value: CGFloat {
+            switch self {
+            case .padding2X:
+                return VDSLayout.Spacing.space2X.value
+            case .padding4X:
+                return VDSLayout.Spacing.space4X.value
+            case .padding6X:
+                return VDSLayout.Spacing.space6X.value
+            case .padding8X:
+                return VDSLayout.Spacing.space8X.value
+            case .padding12X:
+                return VDSLayout.Spacing.space12X.value
+            case .custom(let padding):
+                return padding
+            }
+        }
+    }
+}
+
+open class TileContainerBase<PaddingType: Valuing>: Control {
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -53,33 +90,6 @@ open class TileContainer: Control {
         case gradient(String, String)
         case none
     }
-
-    /// Enum used to describe the padding choices used for this component.
-    public enum Padding {
-        case padding2X
-        case padding4X
-        case padding6X
-        case padding8X
-        case padding12X
-        case custom(CGFloat)
-        
-        public var value: CGFloat {
-            switch self {
-            case .padding2X:
-                return VDSLayout.Spacing.space2X.value
-            case .padding4X:
-                return VDSLayout.Spacing.space4X.value
-            case .padding6X:
-                return VDSLayout.Spacing.space6X.value
-            case .padding8X:
-                return VDSLayout.Spacing.space8X.value
-            case .padding12X:
-                return VDSLayout.Spacing.space12X.value
-            case .custom(let padding):
-                return padding
-            }
-        }
-    }
        
     /// Enum used to describe the aspect ratios used for this component.
     public enum AspectRatio: String, CaseIterable {
@@ -130,7 +140,7 @@ open class TileContainer: Control {
     open var backgroundEffect: BackgroundEffect = .none { didSet {  setNeedsUpdate() } }
 
     /// Sets the inside padding for the component
-    open var padding: Padding = .padding4X { didSet {  setNeedsUpdate() } }
+    open var padding: PaddingType = PaddingType.defaultValue { didSet {  setNeedsUpdate() } }
     
     /// Applies a background color if backgroundImage prop fails or has trouble loading.
     open var imageFallbackColor: Surface = .light { didSet {  setNeedsUpdate() } }
@@ -253,7 +263,6 @@ open class TileContainer: Control {
         super.reset()
         shouldUpdateView = false
         color = .white
-        padding = .padding4X
         aspectRatio = .ratio1x1
         imageFallbackColor = .light
         width = nil
@@ -395,7 +404,7 @@ open class TileContainer: Control {
 
 }
 
-extension TileContainer {
+extension TileContainerBase {
     
     struct DropshadowConfiguration: Dropshadowable {
         var shadowColorConfiguration: AnyColorable =  SurfaceColorConfiguration().with {
@@ -408,7 +417,7 @@ extension TileContainer {
     
     final class BackgroundColorConfiguration: ObjectColorable {
         
-        typealias ObjectType = TileContainer
+        typealias ObjectType = TileContainerBase
         
         let primaryColorConfig = SurfaceColorConfiguration(VDSColor.backgroundPrimaryLight, VDSColor.backgroundPrimaryDark)
         let secondaryColorConfig = SurfaceColorConfiguration(VDSColor.backgroundSecondaryLight, VDSColor.backgroundSecondaryDark)
@@ -418,7 +427,7 @@ extension TileContainer {
         
         required init() { }
         
-        func getColor(_ object: TileContainer) -> UIColor {
+        func getColor(_ object: ObjectType) -> UIColor {
             switch object.color {
             case .primary:
                 primaryColorConfig.getColor(object.surface)
diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index 657a735b..3d5fe495 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -16,7 +16,38 @@ import Combine
 /// while it can include an arrow CTA, it does not require one in order to
 /// function.
 @objc(VDSTilelet)
-open class Tilelet: TileContainer {
+open class Tilelet: TileContainerBase<Tilelet.Padding> {
+    
+    /// Enum used to describe the padding choices used for this component.
+    public enum Padding: String, Valuing, CaseIterable {
+        case small
+        case large
+                
+        public static var defaultValue: Self { .large }
+        
+        public var value: CGFloat {
+            switch self {
+            case .small:
+                return UIDevice.isIPad ? VDSLayout.Spacing.space3X.value : VDSLayout.Spacing.space4X.value
+            case .large:
+                return UIDevice.isIPad ? VDSLayout.Spacing.space4X.value : VDSLayout.Spacing.space6X.value
+            }
+        }
+        
+        fileprivate var titleLockupBottomSpacing: CGFloat {
+            switch self.value {
+            case VDSLayout.Spacing.space3X.value:
+                return VDSLayout.Spacing.space4X.value
+            case VDSLayout.Spacing.space4X.value:
+                return VDSLayout.Spacing.space6X.value
+            case VDSLayout.Spacing.space4X.value:
+                return VDSLayout.Spacing.space8X.value
+            default:
+                return VDSLayout.Spacing.space4X.value
+            }
+        }
+    }
+    
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -392,7 +423,7 @@ open class Tilelet: TileContainer {
                 view = titleLockupContainerView
             }
             if let view {
-                stackView.setCustomSpacing(padding.tiletSpacing, after: view)
+                stackView.setCustomSpacing(padding.titleLockupBottomSpacing, after: view)
             }
             if iconContainerView.superview == nil {
                 stackView.addArrangedSubview(iconContainerView)
@@ -403,20 +434,3 @@ open class Tilelet: TileContainer {
         }
     }
 }
-
-extension TileContainer.Padding {
-    fileprivate var tiletSpacing: CGFloat {
-        switch self {
-        case .padding2X:
-            return 16
-        case .padding4X:
-            return 24
-        case .padding6X:
-            return 32
-        case .padding8X:
-            return 48
-        default:
-            return 16
-        }
-    }
-}

From 69a23745040dfb10fe755144124a6905faa455ea Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Thu, 29 Feb 2024 10:34:10 -0600
Subject: [PATCH 03/33] First cut at form fiedable change

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 .../Attributes/LabelAttributeModel.swift      |  2 +-
 .../TextFields/EntryFieldBase.swift           |  4 +-
 .../TextFields/InputField/InputField.swift    |  4 +-
 .../TextFields/TextArea/TextArea.swift        | 43 +++++++++++---
 VDS/Protocols/FormFieldable.swift             | 58 ++++++++++++++++++-
 5 files changed, 97 insertions(+), 14 deletions(-)

diff --git a/VDS/Components/Label/Attributes/LabelAttributeModel.swift b/VDS/Components/Label/Attributes/LabelAttributeModel.swift
index 87708ffb..ac43472f 100644
--- a/VDS/Components/Label/Attributes/LabelAttributeModel.swift
+++ b/VDS/Components/Label/Attributes/LabelAttributeModel.swift
@@ -31,7 +31,7 @@ extension LabelAttributeModel {
     }
     
     public func isValidRange(on attributedString: NSMutableAttributedString) -> Bool {
-        true//range.location + range.length <= attributedString.string.count
+        range.location + range.length <= attributedString.string.count
     }
 }
 
diff --git a/VDS/Components/TextFields/EntryFieldBase.swift b/VDS/Components/TextFields/EntryFieldBase.swift
index e66d31a5..3b738549 100644
--- a/VDS/Components/TextFields/EntryFieldBase.swift
+++ b/VDS/Components/TextFields/EntryFieldBase.swift
@@ -13,7 +13,7 @@ import Combine
 
 /// Base Class used to build out a Input controls.
 @objc(VDSEntryField)
-open class EntryFieldBase: Control, Changeable {
+open class EntryFieldBase: Control, Changeable, FormFieldable {    
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -196,7 +196,7 @@ open class EntryFieldBase: Control, Changeable {
     
     open var inputId: String? { didSet { setNeedsUpdate() } }
     
-    open var value: AnyHashable? { didSet { setNeedsUpdate() } }
+    open var value: String? { didSet { setNeedsUpdate() } }
     
     open var defaultValue: AnyHashable? { didSet { setNeedsUpdate() } }
     
diff --git a/VDS/Components/TextFields/InputField/InputField.swift b/VDS/Components/TextFields/InputField/InputField.swift
index 589ba28f..7a950a80 100644
--- a/VDS/Components/TextFields/InputField/InputField.swift
+++ b/VDS/Components/TextFields/InputField/InputField.swift
@@ -79,13 +79,13 @@ open class InputField: EntryFieldBase, UITextFieldDelegate {
     open var fieldType: FieldType = .text { didSet { setNeedsUpdate() } }
 
     /// The text of this textField.
-    open override var text: String? {
+    open override var value: String? {
         get { textField.text }
         set {
             textField.text = newValue
         }
     }
-    
+
     var _showError: Bool = false
     /// Whether not to show the error.
     open override var showError: Bool {
diff --git a/VDS/Components/TextFields/TextArea/TextArea.swift b/VDS/Components/TextFields/TextArea/TextArea.swift
index 92f5525a..4b99eeb3 100644
--- a/VDS/Components/TextFields/TextArea/TextArea.swift
+++ b/VDS/Components/TextFields/TextArea/TextArea.swift
@@ -107,14 +107,15 @@ open class TextArea: EntryFieldBase {
         }
     }
     
-    /// The text of this textField.
-    open override var text: String? {
+    open override var value: String? {
         get { textView.text }
         set {
             textView.text = newValue
+            setNeedsUpdate()
+            
         }
     }
-    
+
     /// UITextView shown in the TextArea.
     open var textView = TextView().with {
         $0.translatesAutoresizingMaskIntoConstraints = false
@@ -184,7 +185,7 @@ open class TextArea: EntryFieldBase {
     /// Used to make changes to the View based off a change events or from local properties.
     open override func updateView() {
         super.updateView()
-        
+        countRule.maxLength = maxLength
         textView.isEditable = isEnabled
         textView.isEnabled = isEnabled
         textView.surface = surface
@@ -208,6 +209,9 @@ open class TextArea: EntryFieldBase {
         } else {
             characterCounterLabel.text =  ""
         }
+
+        showError = !validator.validate()
+        errorText = validator.errorMessage
         
         icon.size = .medium
         icon.color = iconColorConfiguration.getColor(self)
@@ -246,12 +250,8 @@ open class TextArea: EntryFieldBase {
         let countStr = (count > maxLength ?? 0) ? ("-" + "\(count-(maxLength ?? 0))") : "\(count)"
         if ((maxLength ?? 0) > 0) {
             if (count > (maxLength ?? 0)) {
-                showError = true
-                errorText = "You have exceeded the character limit."
                 return countStr
             } else {
-                showError = false
-                errorText = ""
                 return ("\(countStr)" + "/" + "\(maxLength ?? 0)")
             }
         } else {
@@ -274,6 +274,33 @@ open class TextArea: EntryFieldBase {
         
         textView.textAttributes = textAttributes
     }
+    
+    //--------------------------------------------------
+    // MARK: - Validation
+    //--------------------------------------------------
+    var countRule = CharacterCountRule()
+    lazy var validator: FieldValidator<TextArea> = {
+        let validator = FieldValidator<TextArea>(field: self, rules: [.init(countRule)])
+        return validator
+    }()
+    
+    class CharacterCountRule: Rule {
+        var maxLength: Int?
+        var errorMessage: String = "You have exceeded the character limit."
+        
+        func isValid(value: String?) -> Bool {
+            guard let text = value else { return true }
+
+            if ((maxLength ?? 0) > 0) {
+                if (text.count > (maxLength ?? 0)) {
+                    return false
+                } else {
+                    return true
+                }
+            }
+            return true
+        }
+    }
 }
 
 extension TextArea: UITextViewDelegate {
diff --git a/VDS/Protocols/FormFieldable.swift b/VDS/Protocols/FormFieldable.swift
index fe015120..294f581c 100644
--- a/VDS/Protocols/FormFieldable.swift
+++ b/VDS/Protocols/FormFieldable.swift
@@ -9,10 +9,66 @@ import Foundation
 
 /// Protocol used for a FormField object.
 public protocol FormFieldable {
+    associatedtype ValueType = AnyHashable
     
     /// Unique Id for the Form Field object within a Form.
     var inputId: String? { get set }
     
     /// Value for the Form Field.
-    var value: AnyHashable? { get set }
+    var value: ValueType? { get set }
+}
+
+public struct AnyRule<ValueType> {
+    private let _isValid: (ValueType?) -> Bool
+    public let errorMessage: String
+
+    init<R: Rule>(_ rule: R) where R.ValueType == ValueType {
+        self._isValid = rule.isValid
+        self.errorMessage = rule.errorMessage
+    }
+
+    public func isValid(value: Any?) -> Bool {
+        guard let typedValue = value as? ValueType? else {
+            return false
+        }
+        return _isValid(typedValue)
+    }
+}
+
+public protocol Rule<ValueType> {
+    associatedtype ValueType
+    func isValid(value: ValueType?) -> Bool
+    var errorMessage: String { get }
+}
+
+public class FieldValidator<Field:FormFieldable>{
+    public var field: Field
+    public var rules: [AnyRule<Field.ValueType>]?
+    public var errorMessages = [String]()
+    
+    public init(field: Field, rules: [AnyRule<Field.ValueType>]? = nil) {
+        self.field = field
+        self.rules = rules
+    }
+    
+    public var errorMessage: String? {
+        errorMessages.joined(separator: "\r")
+    }
+    
+    public func validate() -> Bool{
+        errorMessages.removeAll()
+        
+        guard let rules else {
+            return true
+        }
+        
+        for rule in rules {
+            if !rule.isValid(value: field.value) {
+                errorMessages.append(rule.errorMessage)
+                return false
+            }
+        }
+        return true
+    }
+
 }

From add8e974c02762950aba14ce2a48645f83160c70 Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Fri, 1 Mar 2024 17:17:04 +0530
Subject: [PATCH 04/33] added tilelet linebreak mode config & text position

---
 VDS.xcodeproj/project.pbxproj                 |   4 +
 VDS/Components/Badge/Badge.swift              |   1 +
 VDS/Components/Tilelet/Tilelet.swift          | 121 ++++++++++++++++--
 .../Tilelet/TileletBadgeModel.swift           |   7 +-
 .../Tilelet/TileletSubTitleModel.swift        |  13 +-
 .../Tilelet/TileletTitleModel.swift           |  19 ++-
 VDS/Components/Tilelet/TitleletChangeLog.txt  | 110 ++++++++++++++++
 VDS/Components/TitleLockup/TitleLockup.swift  |   4 +-
 .../TitleLockupSubTitleModel.swift            |   8 +-
 .../TitleLockup/TitleLockupTitleModel.swift   |   8 +-
 10 files changed, 275 insertions(+), 20 deletions(-)
 create mode 100644 VDS/Components/Tilelet/TitleletChangeLog.txt

diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj
index ef6acb80..5d78557f 100644
--- a/VDS.xcodeproj/project.pbxproj
+++ b/VDS.xcodeproj/project.pbxproj
@@ -14,6 +14,7 @@
 		44604AD729CE196600E62B51 /* Line.swift in Sources */ = {isa = PBXBuildFile; fileRef = 44604AD629CE196600E62B51 /* Line.swift */; };
 		5F21D7BF28DCEB3D003E7CD6 /* Useable.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5F21D7BE28DCEB3D003E7CD6 /* Useable.swift */; };
 		5FC35BE328D51405004EBEAC /* Button.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5FC35BE228D51405004EBEAC /* Button.swift */; };
+		710607952B91A99500F2863F /* TitleletChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 710607942B91A99500F2863F /* TitleletChangeLog.txt */; };
 		7115BD3C2B84C0C200E0A610 /* TileContainerChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */; };
 		71BFA70A2B7F70E6000DCE33 /* Dropshadowable.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71BFA7092B7F70E6000DCE33 /* Dropshadowable.swift */; };
 		71C02B382B7BD98F00E93E66 /* NotificationChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */; };
@@ -180,6 +181,7 @@
 		44604AD629CE196600E62B51 /* Line.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Line.swift; sourceTree = "<group>"; };
 		5F21D7BE28DCEB3D003E7CD6 /* Useable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Useable.swift; sourceTree = "<group>"; };
 		5FC35BE228D51405004EBEAC /* Button.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Button.swift; sourceTree = "<group>"; };
+		710607942B91A99500F2863F /* TitleletChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TitleletChangeLog.txt; sourceTree = "<group>"; };
 		7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TileContainerChangeLog.txt; sourceTree = "<group>"; };
 		71BFA7092B7F70E6000DCE33 /* Dropshadowable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Dropshadowable.swift; sourceTree = "<group>"; };
 		71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = NotificationChangeLog.txt; sourceTree = "<group>"; };
@@ -676,6 +678,7 @@
 				EA985BE929689B6D00F2FF2E /* TileletSubTitleModel.swift */,
 				EA985BE72968951C00F2FF2E /* TileletTitleModel.swift */,
 				EA985C2C296F03FE00F2FF2E /* TileletIconModels.swift */,
+				710607942B91A99500F2863F /* TitleletChangeLog.txt */,
 			);
 			path = Tilelet;
 			sourceTree = "<group>";
@@ -947,6 +950,7 @@
 				71C02B382B7BD98F00E93E66 /* NotificationChangeLog.txt in Resources */,
 				EAEEECA72B1F952000531FC2 /* TabsChangeLog.txt in Resources */,
 				EAEEEC962B1F893B00531FC2 /* ButtonChangeLog.txt in Resources */,
+				710607952B91A99500F2863F /* TitleletChangeLog.txt in Resources */,
 				EA5F86CC2A1D28B500BC83E4 /* ReleaseNotes.txt in Resources */,
 				EAEEEC982B1F8DD100531FC2 /* LineChangeLog.txt in Resources */,
 				EAEEECA22B1F92AD00531FC2 /* LabelChangeLog.txt in Resources */,
diff --git a/VDS/Components/Badge/Badge.swift b/VDS/Components/Badge/Badge.swift
index f6bb36d5..bbe1233d 100644
--- a/VDS/Components/Badge/Badge.swift
+++ b/VDS/Components/Badge/Badge.swift
@@ -147,6 +147,7 @@ open class Badge: View {
         
         label.widthGreaterThanEqualTo(constant: minWidth)
         maxWidthConstraint = label.widthLessThanEqualTo(constant: 0).with { $0.isActive = false }
+        clipsToBounds = true
     }
     
     /// Resets to default settings.
diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index 657a735b..e562ff0a 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -39,6 +39,7 @@ open class Tilelet: TileContainer {
     /// Enum to represent the Vertical Layout of the Text.
     public enum TextPosition: String, CaseIterable {
         case top
+        case middle
         case bottom
     }
     
@@ -72,7 +73,7 @@ open class Tilelet: TileContainer {
     
     //--------------------------------------------------
     // MARK: - Public Properties
-    //--------------------------------------------------    
+    //--------------------------------------------------
     public override var onClickSubscriber: AnyCancellable? {
         didSet {
             isAccessibilityElement = onClickSubscriber != nil
@@ -82,6 +83,27 @@ open class Tilelet: TileContainer {
     /// Title lockup positioned in the contentView.
     open var titleLockup = TitleLockup().with {
         $0.standardStyleConfiguration = .init(styleConfigurations: [
+            .init(deviceType: .iPhone,
+                  titleStandardStyles: [.bodySmall],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodySmall],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
+            .init(deviceType: .iPhone,
+                  titleStandardStyles: [.bodyMedium],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyMedium],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
+            .init(deviceType: .iPhone,
+                  titleStandardStyles: [.bodyLarge],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyLarge],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
             .init(deviceType: .iPhone,
                   titleStandardStyles: [.titleSmall],
                   spacingConfigurations: [
@@ -103,6 +125,27 @@ open class Tilelet: TileContainer {
                           topSpacing: VDSLayout.Spacing.space3X.value,
                           bottomSpacing: VDSLayout.Spacing.space3X.value)
                   ]),
+            .init(deviceType: .iPad,
+                  titleStandardStyles: [.bodySmall],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodySmall],
+                          topSpacing: VDSLayout.Spacing.space2X.value,
+                          bottomSpacing: VDSLayout.Spacing.space2X.value)
+                  ]),
+            .init(deviceType: .iPad,
+                  titleStandardStyles: [.bodyMedium],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyMedium],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
+            .init(deviceType: .iPad,
+                  titleStandardStyles: [.bodyLarge],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyLarge],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
             .init(deviceType: .iPad,
                   titleStandardStyles: [.titleSmall, .titleMedium],
                   spacingConfigurations: [
@@ -206,6 +249,12 @@ open class Tilelet: TileContainer {
     //--------------------------------------------------
     internal var titleLockupWidthConstraint: NSLayoutConstraint?
     internal var titleLockupTrailingConstraint: NSLayoutConstraint?
+    internal var titleLockupTopConstraint: NSLayoutConstraint?
+    internal var titleLockupBottomConstraint: NSLayoutConstraint?
+    internal var titleLockupTopGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupBottomGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupCenterYConstraint: NSLayoutConstraint?
+    internal var titleLockupTitleLabelBottomConstraint: NSLayoutConstraint?
 
     //--------------------------------------------------
     // MARK: - Overrides
@@ -230,11 +279,16 @@ open class Tilelet: TileContainer {
         
         titleLockupContainerView.addSubview(titleLockup)
         titleLockup
-            .pinTop()
             .pinLeading()
-            .pinBottom()
+        titleLockupTopConstraint = titleLockup.topAnchor.constraint(equalTo: titleLockupContainerView.topAnchor)
+        titleLockupTopConstraint?.activate()
+        titleLockupBottomConstraint = titleLockupContainerView.bottomAnchor.constraint(equalTo: titleLockup.bottomAnchor)
+        titleLockupBottomConstraint?.activate()
         titleLockupTrailingConstraint = titleLockup.trailingAnchor.constraint(equalTo: titleLockupContainerView.trailingAnchor)
         titleLockupTrailingConstraint?.isActive = true
+        titleLockupBottomGreaterThanConstraint = titleLockupContainerView.bottomAnchor.constraint(greaterThanOrEqualTo: titleLockup.bottomAnchor)
+        titleLockupTopGreaterThanConstraint = titleLockup.topAnchor.constraint(greaterThanOrEqualTo: titleLockupContainerView.topAnchor)
+        titleLockupCenterYConstraint = titleLockup.centerYAnchor.constraint(equalTo: titleLockupContainerView.centerYAnchor)
         
         iconContainerView.addSubview(descriptiveIcon)
         iconContainerView.addSubview(directionalIcon)
@@ -249,6 +303,12 @@ open class Tilelet: TileContainer {
             .pinTop()
             .pinBottom()
         
+        padding = .custom( UIDevice.isIPad ? VDSLayout.Spacing.space6X.value : VDSLayout.Spacing.space4X.value)
+        //If a Tilelet has Badge, Title and Subtitle, then Subtitle will be truncated first and Badge will be truncated second. Title will be truncated last (lowest priority).
+        var labelPriority = UILayoutPriority.defaultHigh.rawValue
+        titleLockup.titleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority), for: .vertical)
+        badge.label.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-1), for: .vertical)
+        titleLockup.subTitleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-2), for: .vertical)
     }
     
     /// Resets to default settings.
@@ -261,7 +321,7 @@ open class Tilelet: TileContainer {
         titleModel = nil
         subTitleModel = nil
         descriptiveIconModel = nil
-        directionalIconModel = nil        
+        directionalIconModel = nil
         shouldUpdateView = true
         setNeedsUpdate()
     }
@@ -273,7 +333,11 @@ open class Tilelet: TileContainer {
         updateBadge()
         updateTitleLockup()
         updateIcons()
-        
+        ///Content-driven height Tilelets - Minimum height is configurable.
+        ///if width != nil && (aspectRatio != .none || height != nil) then tilelet is not self growing, so we can apply text position alignments.
+        if width != nil && (aspectRatio != .none || height != nil) {
+            updateTextPositionAlignment()
+        }
         layoutIfNeeded()
     }
     
@@ -401,20 +465,59 @@ open class Tilelet: TileContainer {
         } else {
             removeFromSuperview(iconContainerView)
         }
+        if let lastElement = titleLockup.lastElement {
+            titleLockupTitleLabelBottomConstraint?.deactivate()
+            let anchorConstraint = showIconContainerView ? iconContainerView.topAnchor : containerView.bottomAnchor
+            titleLockupTitleLabelBottomConstraint = anchorConstraint.constraint(greaterThanOrEqualTo: lastElement.bottomAnchor)
+            titleLockupTitleLabelBottomConstraint?.activate()
+        }
+    }
+    
+    private func updateTextPositionAlignment() {
+        switch textPostion {
+        case .top:
+            titleLockupTopConstraint?.activate()
+            titleLockupTopGreaterThanConstraint?.deactivate()
+            titleLockupBottomConstraint?.deactivate()
+            titleLockupBottomGreaterThanConstraint?.activate()
+            titleLockupCenterYConstraint?.deactivate()
+        case .middle:
+            titleLockupTopConstraint?.deactivate()
+            titleLockupTopGreaterThanConstraint?.activate()
+            titleLockupBottomConstraint?.deactivate()
+            titleLockupBottomGreaterThanConstraint?.activate()
+            titleLockupCenterYConstraint?.activate()
+        case .bottom:
+            titleLockupTopConstraint?.deactivate()
+            titleLockupTopGreaterThanConstraint?.activate()
+            titleLockupBottomConstraint?.activate()
+            titleLockupBottomGreaterThanConstraint?.deactivate()
+            titleLockupCenterYConstraint?.deactivate()
+        }
+    }
+}
+
+extension TitleLockup {
+    
+    fileprivate var lastElement: UIView? {
+        guard subTitleModel == nil else { return subTitleLabel }
+        guard titleModel == nil else { return titleLabel }
+        return nil
     }
 }
 
 extension TileContainer.Padding {
+    
     fileprivate var tiletSpacing: CGFloat {
         switch self {
-        case .padding2X:
-            return 16
         case .padding4X:
             return 24
         case .padding6X:
             return 32
-        case .padding8X:
-            return 48
+        case .custom(let padding):
+            if padding == VDSLayout.Spacing.space3X.value {
+                return 16
+            } else { fallthrough }
         default:
             return 16
         }
diff --git a/VDS/Components/Tilelet/TileletBadgeModel.swift b/VDS/Components/Tilelet/TileletBadgeModel.swift
index f58c134c..9dbd03fe 100644
--- a/VDS/Components/Tilelet/TileletBadgeModel.swift
+++ b/VDS/Components/Tilelet/TileletBadgeModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension Tilelet {
     
@@ -26,12 +27,16 @@ extension Tilelet {
         /// Max width that will be used for the badge.
         public var maxWidth: CGFloat?
         
-        public init(text: String, fillColor: Badge.FillColor = .red, surface: Surface = .light, numberOfLines: Int = 0, maxWidth: CGFloat? = nil) {
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+
+        public init(text: String, fillColor: Badge.FillColor = .red, surface: Surface = .light, numberOfLines: Int = 0, maxWidth: CGFloat? = nil, lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.fillColor = fillColor
             self.surface = surface
             self.numberOfLines = numberOfLines
             self.maxWidth = maxWidth
+            self.lineBreakMode = lineBreakMode
         }
     }
 }
diff --git a/VDS/Components/Tilelet/TileletSubTitleModel.swift b/VDS/Components/Tilelet/TileletSubTitleModel.swift
index dab4c81c..63820316 100644
--- a/VDS/Components/Tilelet/TileletSubTitleModel.swift
+++ b/VDS/Components/Tilelet/TileletSubTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension Tilelet {
     /// Model that represents the options available for the sub title label.
@@ -18,7 +19,8 @@ extension Tilelet {
             case bodyLarge
             case bodyMedium
             case bodySmall
-            
+            case titleSmall
+            case titleMedium
             public var defaultValue: TitleLockup.OtherStandardStyle { .bodySmall }
         }
         //--------------------------------------------------
@@ -36,17 +38,22 @@ extension Tilelet {
         /// Text color that will be used for the subTitle label.
         public var textColor: Use = .primary
         
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+
         //--------------------------------------------------
         // MARK: - Initializers
         //--------------------------------------------------
         public init(text: String,
                     textColor: Use = .primary,
                     textAttributes: [any LabelAttributeModel]? = nil,
-                    standardStyle: StandardStyle = .bodySmall) {
+                    standardStyle: StandardStyle = .bodySmall,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.textAttributes = textAttributes
             self.textColor = textColor
             self.standardStyle = standardStyle
+            self.lineBreakMode = lineBreakMode
         }
         
         //--------------------------------------------------
@@ -57,7 +64,7 @@ extension Tilelet {
             TitleLockup.SubTitleModel(text: text,
                                       standardStyle: standardStyle.value,
                                       textColor: textColor,
-                                      textAttributes: textAttributes)
+                                      textAttributes: textAttributes, lineBreakMode: lineBreakMode)
         }
     }
 }
diff --git a/VDS/Components/Tilelet/TileletTitleModel.swift b/VDS/Components/Tilelet/TileletTitleModel.swift
index 728de07b..fa8c603d 100644
--- a/VDS/Components/Tilelet/TileletTitleModel.swift
+++ b/VDS/Components/Tilelet/TileletTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension Tilelet {
     /// Model that represents the options available for the title label.
@@ -19,7 +20,10 @@ extension Tilelet {
             case titleLarge
             case titleMedium
             case titleSmall
-            
+            case bodyLarge
+            case bodyMedium
+            case bodySmall
+
             public var defaultValue: TitleLockup.TitleStandardStyle { .titleSmall }
         }
         //--------------------------------------------------
@@ -28,21 +32,30 @@ extension Tilelet {
         /// Text that will be used for the title label.
         public var text: String = ""
         
+        /// Used in combination with standardStyle to set the textStyle that will be used for the title label.
+        public var isBold: Bool = false
         /// Text attributes that will be used for the title label.
         public var textAttributes: [any LabelAttributeModel]?
         
         /// Text style that will be used for the title label.
         public var standardStyle: StandardStyle = .titleSmall
         
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+        
         //--------------------------------------------------
         // MARK: - Initializers
         //--------------------------------------------------
         public init(text: String,
                     textAttributes: [any LabelAttributeModel]? = nil,
-                    standardStyle: StandardStyle = .titleSmall) {
+                    isBold: Bool = true,
+                    standardStyle: StandardStyle = .titleSmall,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.textAttributes = textAttributes
             self.standardStyle = standardStyle
+            self.isBold = isBold
+            self.lineBreakMode = lineBreakMode
         }
               
         //--------------------------------------------------
@@ -52,7 +65,7 @@ extension Tilelet {
         public func toTitleLockupTitleModel() -> TitleLockup.TitleModel {
             TitleLockup.TitleModel(text: text,
                                    textAttributes: textAttributes,
-                                   standardStyle: standardStyle.value)
+                                   isBold: isBold, standardStyle: standardStyle.value, lineBreakMode: lineBreakMode)
         }
     }
 }
diff --git a/VDS/Components/Tilelet/TitleletChangeLog.txt b/VDS/Components/Tilelet/TitleletChangeLog.txt
new file mode 100644
index 00000000..bbbc8edf
--- /dev/null
+++ b/VDS/Components/Tilelet/TitleletChangeLog.txt
@@ -0,0 +1,110 @@
+MM/DD/YYYY
+----------------
+
+08/31/2022
+----------------
+- Updates to Typography and default Title Lockup configurations:
+- Default
+- Regular title updated to bold weight
+- Subtitle updated to primary color
+- Inverted
+- Regular title updated to bold weight
+- Subtitle updated to primary color
+
+07/15/2022
+----------------
+- Updates to Typography and default Title Lockup configurations:
+- Default
+- Bold Title updated to Regular weight
+- Subtitle updated to secondary color
+- Inverted
+- Bold Title updated to Regular weight
+- Subtitle updated to secondary color
+
+04/27/2022
+----------------
+- Updates to Title Lockup configurations.
+
+04/14/2022
+----------------
+- Updates to Tilelet Group spec based on 4/14 handoff feedback.
+
+04/04/2022
+----------------
+- Visuals added to Tilelet Group spec.
+
+04/01/2022
+----------------
+- Updates based on 3/31 handoff feedback.
+
+03/30/2022
+----------------
+- Tilelet added to Test App.
+
+03/29/2022
+----------------
+- Interactive states updated.
+
+03/22/2022
+----------------
+- Layout and spacing page added.
+
+03/21/2022
+----------------
+- Updated anatomy, configuration, and element pages.
+
+02/21/2022
+----------------
+- Title Lockup’s width properties added.
+
+09/14/2022
+----------------
+- States section updated to reflect states inherited from Tile Container
+- Dev note added to Layouts.
+
+11/30/2022
+----------------
+- Added "(web only)" to any instance of "keyboard focus"
+
+12/13/2022
+----------------
+- Replaced focus border pixel and style & spacing values with tokens.
+
+06/19/2023
+----------------
+- Updated anatomy element names to be local to Tilelet and indicated the core component that powers them under the hood.
+
+09/21/2023
+----------------
+- Updated Anatomy to include Title Lockup with Eyebrow and Tooltip
+- Updated Configurations to include Title Lockup section
+- Updated Layout and spacing to include Alignment (Left, Center) and textPosition (Middle)

+- Updated Elements to include Eyebrow and uniform 1:1 pairings
+
+10/09/2023
+----------------
+- Updated Configurations VDS Title Lockup and VDS Tile Container sections.
+
+10/13/2023
+----------------
+- SPEC format changes to Anatomy to include nested component configurations
+- Removed Configurations page
+
+11/20/2023
+----------------
+- Updated visuals to reflect new corner radius value - 12px
+- Updated focus border corner radius to 14px
+- View changes
+
+12/14/2023
+----------------
+- Added secondary, primary backgroundColor options
+- Relabeled configurations section headings to use property names
+- Relabeled surface sections to use “surface:” labeling convention
+- Deprecated gray backgroundColor
+- View changes
+
+02/08/2024
+----------------
+- Added external-icon option to Descriptive Icon in Configurations
+- View changes
diff --git a/VDS/Components/TitleLockup/TitleLockup.swift b/VDS/Components/TitleLockup/TitleLockup.swift
index dbfd8637..6dc42e70 100644
--- a/VDS/Components/TitleLockup/TitleLockup.swift
+++ b/VDS/Components/TitleLockup/TitleLockup.swift
@@ -350,7 +350,7 @@ open class TitleLockup: View {
             titleLabel.attributes = titleModel.textAttributes
             titleLabel.numberOfLines = titleModel.numberOfLines
             titleLabel.surface = surface
-            
+            titleLabel.lineBreakMode = titleModel.lineBreakMode
             addSubview(titleLabel)
             titleLabel
                 .pinTop(previousView?.bottomAnchor ?? self.topAnchor, eyebrowLabel == previousView ? topSpacing : 0)
@@ -369,7 +369,7 @@ open class TitleLockup: View {
             subTitleLabel.attributes = subTitleModel.textAttributes
             subTitleLabel.numberOfLines = subTitleModel.numberOfLines
             subTitleLabel.surface = surface
-            
+            subTitleLabel.lineBreakMode = subTitleModel.lineBreakMode
             addSubview(subTitleLabel)
             subTitleLabel
                 .pinTop(previousView?.bottomAnchor ?? self.topAnchor, (eyebrowLabel == previousView || titleLabel == previousView) ? bottomSpacing : 0)
diff --git a/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift b/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift
index 3ba6c7ff..5ad105ef 100644
--- a/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift
+++ b/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension TitleLockup {
     /// Model that represents the options available for the sub title label.
@@ -25,16 +26,21 @@ extension TitleLockup {
         /// Number of lines used in the subtitle label.
         public var numberOfLines: Int
         
+        /// LineBreakMode used in subtitle label.
+        public var lineBreakMode: NSLineBreakMode
+
         public init(text: String,
                     standardStyle: OtherStandardStyle = .bodyLarge,
                     textColor: Use = .primary,
                     textAttributes: [any LabelAttributeModel]? = nil,
-                    numberOfLines: Int = 0) {
+                    numberOfLines: Int = 0, 
+                    lineBreakMode: NSLineBreakMode = .byWordWrapping) {
             self.text = text
             self.standardStyle = standardStyle
             self.textColor = textColor
             self.textAttributes = textAttributes
             self.numberOfLines = numberOfLines
+            self.lineBreakMode = lineBreakMode
         }
         
         /// TextStyle used to render the text.
diff --git a/VDS/Components/TitleLockup/TitleLockupTitleModel.swift b/VDS/Components/TitleLockup/TitleLockupTitleModel.swift
index 2b957276..7541151f 100644
--- a/VDS/Components/TitleLockup/TitleLockupTitleModel.swift
+++ b/VDS/Components/TitleLockup/TitleLockupTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension TitleLockup {
     /// Model that represents the options available for the sub title label.
@@ -25,16 +26,21 @@ extension TitleLockup {
         /// Number of lines that will be used for the title label.
         public var numberOfLines: Int
         
+        /// LineBreakMode used in subtitle label.
+        public var lineBreakMode: NSLineBreakMode
+        
         public init(text: String,
                     textAttributes: [any LabelAttributeModel]? = nil,
                     isBold: Bool = true,
                     standardStyle: TitleStandardStyle = .featureXSmall,
-                    numberOfLines: Int = 0) {
+                    numberOfLines: Int = 0,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.isBold = isBold
             self.textAttributes = textAttributes
             self.standardStyle = standardStyle
             self.numberOfLines = numberOfLines
+            self.lineBreakMode = lineBreakMode
         }
 
         /// TextStyle used to render the text.

From 963e31acd3e98759c0b815b6e5507ecb6bff0fe5 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Fri, 1 Mar 2024 14:28:17 -0600
Subject: [PATCH 05/33] Adding the padding fix between TileContainer/Tilelet

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS.xcodeproj/project.pbxproj                 |  8 +++
 .../TileContainer/TileContainer.swift         | 70 ++++++++++---------
 VDS/Components/Tilelet/Tilelet.swift          | 54 ++++++++------
 VDS/Extensions/VDSLayout.swift                |  4 +-
 VDS/Protocols/EnumSubset.swift                |  2 +-
 VDS/Protocols/EnumValuing.swift               | 12 ++++
 VDS/Protocols/Valuing.swift                   | 13 ++++
 7 files changed, 107 insertions(+), 56 deletions(-)
 create mode 100644 VDS/Protocols/EnumValuing.swift
 create mode 100644 VDS/Protocols/Valuing.swift

diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj
index 5d78557f..4b863360 100644
--- a/VDS.xcodeproj/project.pbxproj
+++ b/VDS.xcodeproj/project.pbxproj
@@ -99,6 +99,8 @@
 		EAA5EEF128F5C909003B3210 /* VDSColorTokens.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = EAA5EEED28F5C908003B3210 /* VDSColorTokens.xcframework */; };
 		EAA5EEF328F5C909003B3210 /* VDSFormControlsTokens.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = EAA5EEEE28F5C908003B3210 /* VDSFormControlsTokens.xcframework */; };
 		EAA7456C2AB23E2000C1841F /* TooltipModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAA7456B2AB23E2000C1841F /* TooltipModel.swift */; };
+		EAACB8982B92706F006A3869 /* EnumValuing.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAACB8972B92706F006A3869 /* EnumValuing.swift */; };
+		EAACB89A2B927108006A3869 /* Valuing.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAACB8992B927108006A3869 /* Valuing.swift */; };
 		EAB1D29C28A5618900DAE764 /* RadioButtonGroup.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D29B28A5618900DAE764 /* RadioButtonGroup.swift */; };
 		EAB1D2CD28ABE76100DAE764 /* Withable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D2CC28ABE76000DAE764 /* Withable.swift */; };
 		EAB1D2CF28ABEF2B00DAE764 /* Typography+Base.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D2CE28ABEF2B00DAE764 /* Typography+Base.swift */; };
@@ -268,6 +270,8 @@
 		EAA5EEED28F5C908003B3210 /* VDSColorTokens.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = VDSColorTokens.xcframework; path = ../SharedFrameworks/VDSColorTokens.xcframework; sourceTree = "<group>"; };
 		EAA5EEEE28F5C908003B3210 /* VDSFormControlsTokens.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = VDSFormControlsTokens.xcframework; path = ../SharedFrameworks/VDSFormControlsTokens.xcframework; sourceTree = "<group>"; };
 		EAA7456B2AB23E2000C1841F /* TooltipModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TooltipModel.swift; sourceTree = "<group>"; };
+		EAACB8972B92706F006A3869 /* EnumValuing.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EnumValuing.swift; sourceTree = "<group>"; };
+		EAACB8992B927108006A3869 /* Valuing.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Valuing.swift; sourceTree = "<group>"; };
 		EAB1D29B28A5618900DAE764 /* RadioButtonGroup.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioButtonGroup.swift; sourceTree = "<group>"; };
 		EAB1D2CC28ABE76000DAE764 /* Withable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Withable.swift; sourceTree = "<group>"; };
 		EAB1D2CE28ABEF2B00DAE764 /* Typography+Base.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Typography+Base.swift"; sourceTree = "<group>"; };
@@ -552,6 +556,7 @@
 				EA3361A9288B25E40071C351 /* Disabling.swift */,
 				EAF978202A99035B00C2FEA9 /* Enabling.swift */,
 				EA5E305929510F8B0082B959 /* EnumSubset.swift */,
+				EAACB8972B92706F006A3869 /* EnumValuing.swift */,
 				EAF7F0A1289AFB3900B287F5 /* Errorable.swift */,
 				EA3361AE288B26310071C351 /* FormFieldable.swift */,
 				EA33624628931B050071C351 /* Initable.swift */,
@@ -562,6 +567,7 @@
 				EA3361B7288B2AAA0071C351 /* ViewProtocol.swift */,
 				EAB1D2CC28ABE76000DAE764 /* Withable.swift */,
 				5F21D7BE28DCEB3D003E7CD6 /* Useable.swift */,
+				EAACB8992B927108006A3869 /* Valuing.swift */,
 				71BFA7092B7F70E6000DCE33 /* Dropshadowable.swift */,
 			);
 			path = Protocols;
@@ -1001,6 +1007,7 @@
 				EAC9258C2911C9DE00091998 /* InputField.swift in Sources */,
 				EA3362402892EF6C0071C351 /* Label.swift in Sources */,
 				EAB2376229E9880400AABE9A /* TrailingTooltipLabel.swift in Sources */,
+				EAACB8982B92706F006A3869 /* EnumValuing.swift in Sources */,
 				EAB2376A29E9E59100AABE9A /* TooltipLaunchable.swift in Sources */,
 				EAB2375D29E8789100AABE9A /* Tooltip.swift in Sources */,
 				71BFA70A2B7F70E6000DCE33 /* Dropshadowable.swift in Sources */,
@@ -1016,6 +1023,7 @@
 				EAF7F0AF289B144C00B287F5 /* UnderlineLabelAttribute.swift in Sources */,
 				EA0D1C412A6AD61C00E5C127 /* Typography+Additional.swift in Sources */,
 				EAC925842911C63100091998 /* Colorable.swift in Sources */,
+				EAACB89A2B927108006A3869 /* Valuing.swift in Sources */,
 				EAB5FEF5292D371F00998C17 /* ButtonBase.swift in Sources */,
 				EA978EC5291D6AFE00ACC883 /* AnyLabelAttribute.swift in Sources */,
 				EAC71A1F2A2E173D00E47A9F /* RadioButton.swift in Sources */,
diff --git a/VDS/Components/TileContainer/TileContainer.swift b/VDS/Components/TileContainer/TileContainer.swift
index 98090ae4..27cfa1f4 100644
--- a/VDS/Components/TileContainer/TileContainer.swift
+++ b/VDS/Components/TileContainer/TileContainer.swift
@@ -11,7 +11,39 @@ import VDSFormControlsTokens
 import UIKit
 
 @objc(VDSTileContainer)
-open class TileContainer: Control {
+open class TileContainer: TileContainerBase<TileContainer.Padding> {
+        
+    /// Enum used to describe the padding choices used for this component.
+    public enum Padding: EnumValuing {
+        case padding2X
+        case padding4X
+        case padding6X
+        case padding8X
+        case padding12X
+        case custom(CGFloat)
+        
+        public static var defaultValue: Self { .padding4X }
+        
+        public var value: CGFloat {
+            switch self {
+            case .padding2X:
+                return VDSLayout.Spacing.space2X.value
+            case .padding4X:
+                return VDSLayout.Spacing.space4X.value
+            case .padding6X:
+                return VDSLayout.Spacing.space6X.value
+            case .padding8X:
+                return VDSLayout.Spacing.space8X.value
+            case .padding12X:
+                return VDSLayout.Spacing.space12X.value
+            case .custom(let padding):
+                return padding
+            }
+        }
+    }
+}
+
+open class TileContainerBase<PaddingType: EnumValuing>: Control where PaddingType.ValueType == CGFloat {
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -53,33 +85,6 @@ open class TileContainer: Control {
         case gradient(String, String)
         case none
     }
-
-    /// Enum used to describe the padding choices used for this component.
-    public enum Padding {
-        case padding2X
-        case padding4X
-        case padding6X
-        case padding8X
-        case padding12X
-        case custom(CGFloat)
-        
-        public var value: CGFloat {
-            switch self {
-            case .padding2X:
-                return VDSLayout.Spacing.space2X.value
-            case .padding4X:
-                return VDSLayout.Spacing.space4X.value
-            case .padding6X:
-                return VDSLayout.Spacing.space6X.value
-            case .padding8X:
-                return VDSLayout.Spacing.space8X.value
-            case .padding12X:
-                return VDSLayout.Spacing.space12X.value
-            case .custom(let padding):
-                return padding
-            }
-        }
-    }
        
     /// Enum used to describe the aspect ratios used for this component.
     public enum AspectRatio: String, CaseIterable {
@@ -130,7 +135,7 @@ open class TileContainer: Control {
     open var backgroundEffect: BackgroundEffect = .none { didSet {  setNeedsUpdate() } }
 
     /// Sets the inside padding for the component
-    open var padding: Padding = .padding4X { didSet {  setNeedsUpdate() } }
+    open var padding: PaddingType = PaddingType.defaultValue { didSet {  setNeedsUpdate() } }
     
     /// Applies a background color if backgroundImage prop fails or has trouble loading.
     open var imageFallbackColor: Surface = .light { didSet {  setNeedsUpdate() } }
@@ -253,7 +258,6 @@ open class TileContainer: Control {
         super.reset()
         shouldUpdateView = false
         color = .white
-        padding = .padding4X
         aspectRatio = .ratio1x1
         imageFallbackColor = .light
         width = nil
@@ -395,7 +399,7 @@ open class TileContainer: Control {
 
 }
 
-extension TileContainer {
+extension TileContainerBase {
     
     struct DropshadowConfiguration: Dropshadowable {
         var shadowColorConfiguration: AnyColorable =  SurfaceColorConfiguration().with {
@@ -408,7 +412,7 @@ extension TileContainer {
     
     final class BackgroundColorConfiguration: ObjectColorable {
         
-        typealias ObjectType = TileContainer
+        typealias ObjectType = TileContainerBase
         
         let primaryColorConfig = SurfaceColorConfiguration(VDSColor.backgroundPrimaryLight, VDSColor.backgroundPrimaryDark)
         let secondaryColorConfig = SurfaceColorConfiguration(VDSColor.backgroundSecondaryLight, VDSColor.backgroundSecondaryDark)
@@ -418,7 +422,7 @@ extension TileContainer {
         
         required init() { }
         
-        func getColor(_ object: TileContainer) -> UIColor {
+        func getColor(_ object: ObjectType) -> UIColor {
             switch object.color {
             case .primary:
                 primaryColorConfig.getColor(object.surface)
diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index e562ff0a..77d6c70e 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -16,7 +16,38 @@ import Combine
 /// while it can include an arrow CTA, it does not require one in order to
 /// function.
 @objc(VDSTilelet)
-open class Tilelet: TileContainer {
+open class Tilelet: TileContainerBase<Tilelet.Padding> {
+    
+    /// Enum used to describe the padding choices used for this component.
+    public enum Padding: String, EnumValuing, CaseIterable {
+        case small
+        case large
+                
+        public static var defaultValue: Self { .large }
+        
+        public var value: CGFloat {
+            switch self {
+            case .small:
+                return UIDevice.isIPad ? VDSLayout.Spacing.space3X.value : VDSLayout.Spacing.space4X.value
+            case .large:
+                return UIDevice.isIPad ? VDSLayout.Spacing.space4X.value : VDSLayout.Spacing.space6X.value
+            }
+        }
+        
+        fileprivate var titleLockupBottomSpacing: CGFloat {
+            switch self.value {
+            case VDSLayout.Spacing.space3X.value:
+                return VDSLayout.Spacing.space4X.value
+            case VDSLayout.Spacing.space4X.value:
+                return VDSLayout.Spacing.space6X.value
+            case VDSLayout.Spacing.space4X.value:
+                return VDSLayout.Spacing.space8X.value
+            default:
+                return VDSLayout.Spacing.space4X.value
+            }
+        }
+    }
+    
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -303,7 +334,6 @@ open class Tilelet: TileContainer {
             .pinTop()
             .pinBottom()
         
-        padding = .custom( UIDevice.isIPad ? VDSLayout.Spacing.space6X.value : VDSLayout.Spacing.space4X.value)
         //If a Tilelet has Badge, Title and Subtitle, then Subtitle will be truncated first and Badge will be truncated second. Title will be truncated last (lowest priority).
         var labelPriority = UILayoutPriority.defaultHigh.rawValue
         titleLockup.titleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority), for: .vertical)
@@ -456,7 +486,7 @@ open class Tilelet: TileContainer {
                 view = titleLockupContainerView
             }
             if let view {
-                stackView.setCustomSpacing(padding.tiletSpacing, after: view)
+                stackView.setCustomSpacing(padding.titleLockupBottomSpacing, after: view)
             }
             if iconContainerView.superview == nil {
                 stackView.addArrangedSubview(iconContainerView)
@@ -505,21 +535,3 @@ extension TitleLockup {
         return nil
     }
 }
-
-extension TileContainer.Padding {
-    
-    fileprivate var tiletSpacing: CGFloat {
-        switch self {
-        case .padding4X:
-            return 24
-        case .padding6X:
-            return 32
-        case .custom(let padding):
-            if padding == VDSLayout.Spacing.space3X.value {
-                return 16
-            } else { fallthrough }
-        default:
-            return 16
-        }
-    }
-}
diff --git a/VDS/Extensions/VDSLayout.swift b/VDS/Extensions/VDSLayout.swift
index f30a0635..30df201b 100644
--- a/VDS/Extensions/VDSLayout.swift
+++ b/VDS/Extensions/VDSLayout.swift
@@ -10,7 +10,9 @@ import Foundation
 /// Represents constants used that deal with layout.
 public struct VDSLayout {
     /// Enum used to describe the spacing constants.
-    public enum Spacing: String, CaseIterable {
+    public enum Spacing: String, CaseIterable, EnumValuing {
+        public static var defaultValue: VDSLayout.Spacing = .space2X
+        
         case space1X
         case space2X
         case space3X
diff --git a/VDS/Protocols/EnumSubset.swift b/VDS/Protocols/EnumSubset.swift
index a690fca3..831ce1fb 100644
--- a/VDS/Protocols/EnumSubset.swift
+++ b/VDS/Protocols/EnumSubset.swift
@@ -7,7 +7,7 @@
 
 import Foundation
 
-public protocol EnumSubset<T>: RawRepresentable, CaseIterable {
+public protocol EnumSubset<T>: RawRepresentable, CaseIterable, Valuing {
     associatedtype T:RawRepresentable
     var defaultValue: T { get }
 }
diff --git a/VDS/Protocols/EnumValuing.swift b/VDS/Protocols/EnumValuing.swift
new file mode 100644
index 00000000..b8f27824
--- /dev/null
+++ b/VDS/Protocols/EnumValuing.swift
@@ -0,0 +1,12 @@
+//
+//  EnumValuing.swift
+//  VDS
+//
+//  Created by Matt Bruce on 3/1/24.
+//
+
+import Foundation
+
+public protocol EnumValuing: Valuing {
+    static var defaultValue: Self { get }
+}
diff --git a/VDS/Protocols/Valuing.swift b/VDS/Protocols/Valuing.swift
new file mode 100644
index 00000000..61cea9e8
--- /dev/null
+++ b/VDS/Protocols/Valuing.swift
@@ -0,0 +1,13 @@
+//
+//  Valuing.swift
+//  VDS
+//
+//  Created by Matt Bruce on 3/1/24.
+//
+
+import Foundation
+
+public protocol Valuing {
+    associatedtype ValueType
+    var value: ValueType { get }
+}

From 42ad973396001ba55c7cfe9111b5f5a8a6b02545 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Fri, 1 Mar 2024 14:43:32 -0600
Subject: [PATCH 06/33] refactored enum

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS.xcodeproj/project.pbxproj                             | 8 ++++----
 VDS/Protocols/{EnumValuing.swift => DefaultValuing.swift} | 4 +++-
 2 files changed, 7 insertions(+), 5 deletions(-)
 rename VDS/Protocols/{EnumValuing.swift => DefaultValuing.swift} (52%)

diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj
index 4b863360..d6c5f3f5 100644
--- a/VDS.xcodeproj/project.pbxproj
+++ b/VDS.xcodeproj/project.pbxproj
@@ -99,7 +99,7 @@
 		EAA5EEF128F5C909003B3210 /* VDSColorTokens.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = EAA5EEED28F5C908003B3210 /* VDSColorTokens.xcframework */; };
 		EAA5EEF328F5C909003B3210 /* VDSFormControlsTokens.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = EAA5EEEE28F5C908003B3210 /* VDSFormControlsTokens.xcframework */; };
 		EAA7456C2AB23E2000C1841F /* TooltipModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAA7456B2AB23E2000C1841F /* TooltipModel.swift */; };
-		EAACB8982B92706F006A3869 /* EnumValuing.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAACB8972B92706F006A3869 /* EnumValuing.swift */; };
+		EAACB8982B92706F006A3869 /* DefaultValuing.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAACB8972B92706F006A3869 /* DefaultValuing.swift */; };
 		EAACB89A2B927108006A3869 /* Valuing.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAACB8992B927108006A3869 /* Valuing.swift */; };
 		EAB1D29C28A5618900DAE764 /* RadioButtonGroup.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D29B28A5618900DAE764 /* RadioButtonGroup.swift */; };
 		EAB1D2CD28ABE76100DAE764 /* Withable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D2CC28ABE76000DAE764 /* Withable.swift */; };
@@ -270,7 +270,7 @@
 		EAA5EEED28F5C908003B3210 /* VDSColorTokens.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = VDSColorTokens.xcframework; path = ../SharedFrameworks/VDSColorTokens.xcframework; sourceTree = "<group>"; };
 		EAA5EEEE28F5C908003B3210 /* VDSFormControlsTokens.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = VDSFormControlsTokens.xcframework; path = ../SharedFrameworks/VDSFormControlsTokens.xcframework; sourceTree = "<group>"; };
 		EAA7456B2AB23E2000C1841F /* TooltipModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TooltipModel.swift; sourceTree = "<group>"; };
-		EAACB8972B92706F006A3869 /* EnumValuing.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = EnumValuing.swift; sourceTree = "<group>"; };
+		EAACB8972B92706F006A3869 /* DefaultValuing.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DefaultValuing.swift; sourceTree = "<group>"; };
 		EAACB8992B927108006A3869 /* Valuing.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Valuing.swift; sourceTree = "<group>"; };
 		EAB1D29B28A5618900DAE764 /* RadioButtonGroup.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioButtonGroup.swift; sourceTree = "<group>"; };
 		EAB1D2CC28ABE76000DAE764 /* Withable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Withable.swift; sourceTree = "<group>"; };
@@ -553,10 +553,10 @@
 				EAF1FE9A29DB1A6000101452 /* Changeable.swift */,
 				EAF1FE9829D4850E00101452 /* Clickable.swift */,
 				EAA5EEDF28F49DB3003B3210 /* Colorable.swift */,
+				EAACB8972B92706F006A3869 /* DefaultValuing.swift */,
 				EA3361A9288B25E40071C351 /* Disabling.swift */,
 				EAF978202A99035B00C2FEA9 /* Enabling.swift */,
 				EA5E305929510F8B0082B959 /* EnumSubset.swift */,
-				EAACB8972B92706F006A3869 /* EnumValuing.swift */,
 				EAF7F0A1289AFB3900B287F5 /* Errorable.swift */,
 				EA3361AE288B26310071C351 /* FormFieldable.swift */,
 				EA33624628931B050071C351 /* Initable.swift */,
@@ -1007,7 +1007,7 @@
 				EAC9258C2911C9DE00091998 /* InputField.swift in Sources */,
 				EA3362402892EF6C0071C351 /* Label.swift in Sources */,
 				EAB2376229E9880400AABE9A /* TrailingTooltipLabel.swift in Sources */,
-				EAACB8982B92706F006A3869 /* EnumValuing.swift in Sources */,
+				EAACB8982B92706F006A3869 /* DefaultValuing.swift in Sources */,
 				EAB2376A29E9E59100AABE9A /* TooltipLaunchable.swift in Sources */,
 				EAB2375D29E8789100AABE9A /* Tooltip.swift in Sources */,
 				71BFA70A2B7F70E6000DCE33 /* Dropshadowable.swift in Sources */,
diff --git a/VDS/Protocols/EnumValuing.swift b/VDS/Protocols/DefaultValuing.swift
similarity index 52%
rename from VDS/Protocols/EnumValuing.swift
rename to VDS/Protocols/DefaultValuing.swift
index b8f27824..5f8bcb72 100644
--- a/VDS/Protocols/EnumValuing.swift
+++ b/VDS/Protocols/DefaultValuing.swift
@@ -7,6 +7,8 @@
 
 import Foundation
 
-public protocol EnumValuing: Valuing {
+public protocol DefaultValuing: Valuing {
     static var defaultValue: Self { get }
 }
+
+public protocol CGFloatDefaultValuing: DefaultValuing where ValueType == CGFloat {}

From 275a57d510b270119951ceb7ae0ba5c1d9bf771f Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Fri, 1 Mar 2024 14:44:24 -0600
Subject: [PATCH 07/33] updated spacing

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Extensions/VDSLayout.swift | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/VDS/Extensions/VDSLayout.swift b/VDS/Extensions/VDSLayout.swift
index 30df201b..26ada9c4 100644
--- a/VDS/Extensions/VDSLayout.swift
+++ b/VDS/Extensions/VDSLayout.swift
@@ -10,8 +10,7 @@ import Foundation
 /// Represents constants used that deal with layout.
 public struct VDSLayout {
     /// Enum used to describe the spacing constants.
-    public enum Spacing: String, CaseIterable, EnumValuing {
-        public static var defaultValue: VDSLayout.Spacing = .space2X
+    public enum Spacing: String, CaseIterable, Valuing {
         
         case space1X
         case space2X

From 317173917f23d3738d29f0932c03826903ad00eb Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Fri, 1 Mar 2024 14:46:41 -0600
Subject: [PATCH 08/33] updated enums

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/TileContainer/TileContainer.swift | 4 ++--
 VDS/Components/Tilelet/Tilelet.swift             | 2 +-
 VDS/Protocols/DefaultValuing.swift               | 2 --
 3 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/VDS/Components/TileContainer/TileContainer.swift b/VDS/Components/TileContainer/TileContainer.swift
index 27cfa1f4..6cf7d24f 100644
--- a/VDS/Components/TileContainer/TileContainer.swift
+++ b/VDS/Components/TileContainer/TileContainer.swift
@@ -14,7 +14,7 @@ import UIKit
 open class TileContainer: TileContainerBase<TileContainer.Padding> {
         
     /// Enum used to describe the padding choices used for this component.
-    public enum Padding: EnumValuing {
+    public enum Padding: DefaultValuing {
         case padding2X
         case padding4X
         case padding6X
@@ -43,7 +43,7 @@ open class TileContainer: TileContainerBase<TileContainer.Padding> {
     }
 }
 
-open class TileContainerBase<PaddingType: EnumValuing>: Control where PaddingType.ValueType == CGFloat {
+open class TileContainerBase<PaddingType: DefaultValuing>: Control where PaddingType.ValueType == CGFloat  {
     
     //--------------------------------------------------
     // MARK: - Initializers
diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index 77d6c70e..f8a3b4db 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -19,7 +19,7 @@ import Combine
 open class Tilelet: TileContainerBase<Tilelet.Padding> {
     
     /// Enum used to describe the padding choices used for this component.
-    public enum Padding: String, EnumValuing, CaseIterable {
+    public enum Padding: String, DefaultValuing, CaseIterable {
         case small
         case large
                 
diff --git a/VDS/Protocols/DefaultValuing.swift b/VDS/Protocols/DefaultValuing.swift
index 5f8bcb72..ffeaf0eb 100644
--- a/VDS/Protocols/DefaultValuing.swift
+++ b/VDS/Protocols/DefaultValuing.swift
@@ -10,5 +10,3 @@ import Foundation
 public protocol DefaultValuing: Valuing {
     static var defaultValue: Self { get }
 }
-
-public protocol CGFloatDefaultValuing: DefaultValuing where ValueType == CGFloat {}

From 8b591103c8959b1ea3a634942d9316b3c6aff95f Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Tue, 5 Mar 2024 14:44:08 -0600
Subject: [PATCH 09/33] updated documentation

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Protocols/FormFieldable.swift | 76 +++++++++++++++++++++----------
 1 file changed, 52 insertions(+), 24 deletions(-)

diff --git a/VDS/Protocols/FormFieldable.swift b/VDS/Protocols/FormFieldable.swift
index 294f581c..9acc3e5a 100644
--- a/VDS/Protocols/FormFieldable.swift
+++ b/VDS/Protocols/FormFieldable.swift
@@ -18,57 +18,85 @@ public protocol FormFieldable {
     var value: ValueType? { get set }
 }
 
-public struct AnyRule<ValueType> {
+/// Protocol for FormFieldable that require internal validation.
+public protocol FormFieldValidatable: FormFieldable {
+    /// Is there an internalError
+    var hasInternalError: Bool { get }
+    /// Internal Error Message that will show.
+    var internalErrorText: String? { get }
+    /// Validator that will run the Field Validation
+    var validator: (any FormFieldValidatorable)? { get set }
+}
+
+/// Struct that will execute the validation.
+public protocol FormFieldValidatorable {
+    associatedtype FieldType: FormFieldable
+    /// FormFieldable to be validated.
+    var field: FieldType { get set }
+    /// Rules that will be applied against the FormFieldable
+    var rules: [AnyRule<FieldType.ValueType>] { get set }
+    /// Error Message that will show.
+    var errorMessage: String? { get }
+    /// Is the FormField valid.
+    var isValid: Bool { get }
+    /// Run the rules against the FormFieldable.
+    func validate()
+}
+
+/// Rule that will be executed against a specific ValueType.
+public protocol Rule<ValueType> {
+    associatedtype ValueType
+    /// Determines if this rule valid for the value passed.
+    func isValid(value: ValueType?) -> Bool
+    /// Error Message to be show if the value is invalid.
+    var errorMessage: String { get }
+}
+
+/// Type Erased Rule for a specific ValueType.
+public struct AnyRule<ValueType>: Rule {
     private let _isValid: (ValueType?) -> Bool
+
     public let errorMessage: String
 
-    init<R: Rule>(_ rule: R) where R.ValueType == ValueType {
+    public init<R: Rule>(_ rule: R) where R.ValueType == ValueType {
         self._isValid = rule.isValid
         self.errorMessage = rule.errorMessage
     }
 
-    public func isValid(value: Any?) -> Bool {
-        guard let typedValue = value as? ValueType? else {
-            return false
-        }
-        return _isValid(typedValue)
+    public func isValid(value: ValueType?) -> Bool {
+        return _isValid(value)
     }
 }
 
-public protocol Rule<ValueType> {
-    associatedtype ValueType
-    func isValid(value: ValueType?) -> Bool
-    var errorMessage: String { get }
-}
 
-public class FieldValidator<Field:FormFieldable>{
+/// Generic Validator for a specific FormFieldable.
+public class FormFieldValidator<Field:FormFieldable>: FormFieldValidatorable{
     public var field: Field
-    public var rules: [AnyRule<Field.ValueType>]?
+    public var rules: [AnyRule<Field.ValueType>]
     public var errorMessages = [String]()
-    
-    public init(field: Field, rules: [AnyRule<Field.ValueType>]? = nil) {
+    public var isValid: Bool = true
+
+    public init(field: Field, rules: [AnyRule<Field.ValueType>]) {
         self.field = field
         self.rules = rules
     }
     
     public var errorMessage: String? {
-        errorMessages.joined(separator: "\r")
+        guard errorMessages.count > 0 else { return nil }
+        return errorMessages.joined(separator: "\r")
     }
     
-    public func validate() -> Bool{
+    public func validate() {
         errorMessages.removeAll()
         
-        guard let rules else {
-            return true
-        }
-        
         for rule in rules {
             if !rule.isValid(value: field.value) {
                 errorMessages.append(rule.errorMessage)
-                return false
+                isValid = false
+                return
             }
         }
-        return true
+        isValid = true
     }
 
 }

From d847bc3859b9e3d5d97a4ca4141bfa2ffa0eda4b Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Tue, 5 Mar 2024 14:44:19 -0600
Subject: [PATCH 10/33] refactored for validator

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/TextFields/EntryFieldBase.swift    | 11 ++++++++---
 VDS/Components/TextFields/TextArea/TextArea.swift | 11 +++--------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/VDS/Components/TextFields/EntryFieldBase.swift b/VDS/Components/TextFields/EntryFieldBase.swift
index 390317f0..7389cf79 100644
--- a/VDS/Components/TextFields/EntryFieldBase.swift
+++ b/VDS/Components/TextFields/EntryFieldBase.swift
@@ -13,7 +13,7 @@ import Combine
 
 /// Base Class used to build out a Input controls.
 @objc(VDSEntryField)
-open class EntryFieldBase: Control, Changeable, FormFieldable {
+open class EntryFieldBase: Control, Changeable, FormFieldValidatable {
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -153,8 +153,11 @@ open class EntryFieldBase: Control, Changeable, FormFieldable {
     /// Whether not to show the error.
     open var showError: Bool = false { didSet { setNeedsUpdate() } }
     
+    /// FormFieldValidator
+    open var validator: (any FormFieldValidatorable)?
+
     /// Whether or not to show the internal error
-    open internal(set) var hasInternalError: Bool = false { didSet { setNeedsUpdate() } }
+    open var hasInternalError: Bool { !(validator?.isValid ?? true) }
 
     /// Override UIControl state to add the .error state if showError is true.
     open override var state: UIControl.State {
@@ -175,7 +178,7 @@ open class EntryFieldBase: Control, Changeable, FormFieldable {
         }
     }
     
-    internal var internalErrorText: String? {
+    open var internalErrorText: String? {
         didSet {
             updateContainerView()
             updateErrorLabel()
@@ -323,6 +326,8 @@ open class EntryFieldBase: Control, Changeable, FormFieldable {
         updateHelperLabel()
         
         backgroundColor = surface.color
+        validator?.validate()
+        internalErrorText = validator?.errorMessage
     }
     
     //--------------------------------------------------
diff --git a/VDS/Components/TextFields/TextArea/TextArea.swift b/VDS/Components/TextFields/TextArea/TextArea.swift
index 5db90fff..57222496 100644
--- a/VDS/Components/TextFields/TextArea/TextArea.swift
+++ b/VDS/Components/TextFields/TextArea/TextArea.swift
@@ -127,6 +127,8 @@ open class TextArea: EntryFieldBase {
         $0.isScrollEnabled = false
     }
     
+    open override var maxLength: Int? { willSet { countRule.maxLength = newValue }}
+    
     /// Color configuration for error icon.
     internal var iconColorConfiguration = ControlColorConfiguration().with {
         $0.setSurfaceColors(VDSColor.elementsPrimaryOnlight, VDSColor.elementsPrimaryOndark, forState: .normal)
@@ -149,6 +151,7 @@ open class TextArea: EntryFieldBase {
     open override func setup() {
         super.setup()
         accessibilityLabel = "TextArea"
+        validator = FormFieldValidator<TextArea>(field: self, rules: [.init(countRule)])
         
         containerStackView.pinToSuperView(.uniform(VDSFormControls.spaceInset))
         minWidthConstraint = containerView.widthAnchor.constraint(greaterThanOrEqualToConstant: containerSize.width)
@@ -189,7 +192,6 @@ open class TextArea: EntryFieldBase {
     /// Used to make changes to the View based off a change events or from local properties.
     open override func updateView() {
         super.updateView()
-        countRule.maxLength = maxLength
         textView.isEditable = isEnabled
         textView.isEnabled = isEnabled
         textView.surface = surface
@@ -211,9 +213,6 @@ open class TextArea: EntryFieldBase {
         } else {
             characterCounterLabel.text =  ""
         }
-
-        hasInternalError = !validator.validate()
-        internalErrorText = validator.errorMessage
         
         icon.size = .medium
         icon.color = iconColorConfiguration.getColor(self)
@@ -281,10 +280,6 @@ open class TextArea: EntryFieldBase {
     // MARK: - Validation
     //--------------------------------------------------
     var countRule = CharacterCountRule()
-    lazy var validator: FieldValidator<TextArea> = {
-        let validator = FieldValidator<TextArea>(field: self, rules: [.init(countRule)])
-        return validator
-    }()
     
     class CharacterCountRule: Rule {
         var maxLength: Int?

From d459d5f933eed60efe419fe2f822c406a3f6aa08 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Tue, 5 Mar 2024 14:45:19 -0600
Subject: [PATCH 11/33] hide the validator

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/TextFields/EntryFieldBase.swift | 2 +-
 VDS/Protocols/FormFieldable.swift              | 2 --
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/VDS/Components/TextFields/EntryFieldBase.swift b/VDS/Components/TextFields/EntryFieldBase.swift
index 7389cf79..5f74e2f7 100644
--- a/VDS/Components/TextFields/EntryFieldBase.swift
+++ b/VDS/Components/TextFields/EntryFieldBase.swift
@@ -154,7 +154,7 @@ open class EntryFieldBase: Control, Changeable, FormFieldValidatable {
     open var showError: Bool = false { didSet { setNeedsUpdate() } }
     
     /// FormFieldValidator
-    open var validator: (any FormFieldValidatorable)?
+    internal var validator: (any FormFieldValidatorable)?
 
     /// Whether or not to show the internal error
     open var hasInternalError: Bool { !(validator?.isValid ?? true) }
diff --git a/VDS/Protocols/FormFieldable.swift b/VDS/Protocols/FormFieldable.swift
index 9acc3e5a..be7ce3ba 100644
--- a/VDS/Protocols/FormFieldable.swift
+++ b/VDS/Protocols/FormFieldable.swift
@@ -24,8 +24,6 @@ public protocol FormFieldValidatable: FormFieldable {
     var hasInternalError: Bool { get }
     /// Internal Error Message that will show.
     var internalErrorText: String? { get }
-    /// Validator that will run the Field Validation
-    var validator: (any FormFieldValidatorable)? { get set }
 }
 
 /// Struct that will execute the validation.

From ee41a6555e6bf41ddc58fc6d2eb186f6471e1b36 Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Fri, 8 Mar 2024 11:33:07 +0530
Subject: [PATCH 12/33] removed vertical layout & max width constraint

---
 VDS/Components/Notification/Notification.swift | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/VDS/Components/Notification/Notification.swift b/VDS/Components/Notification/Notification.swift
index 126f83f0..9523e6c8 100644
--- a/VDS/Components/Notification/Notification.swift
+++ b/VDS/Components/Notification/Notification.swift
@@ -54,7 +54,8 @@ open class Notification: View {
     }
     
     /// Enum used to describe the orientation of Notification.
-    public enum Layout: String, CaseIterable {
+    /// Only horizontal orientation is supported for iPhone & iPad devices only.
+    private enum Layout: String, CaseIterable {
         case vertical, horizontal
     }
     
@@ -176,7 +177,8 @@ open class Notification: View {
     private var _layout: Layout = .vertical
     
     /// Determines the orientation of buttons and text in the Notification.
-    open var layout: Layout {
+    /// Only horizontal orientation is supported for iPhone & iPad devices only.
+    private var layout: Layout {
         set {
             if !UIDevice.isIPad, newValue == .horizontal { return }
             _layout = newValue
@@ -398,18 +400,18 @@ open class Notification: View {
     }
     
     private func setConstraints() {
-        maxWidthConstraint?.deactivate()
         labelViewAndButtonViewConstraint?.deactivate()
         labelViewBottomConstraint?.deactivate()
         buttonGroupCenterYConstraint?.deactivate()
         buttonGroupBottomConstraint?.deactivate()
-        maxWidthConstraint?.constant = maxViewWidth
-        maxWidthConstraint?.isActive = UIDevice.isIPad
         labelViewAndButtonViewConstraint?.isActive = layout == .vertical && !buttonGroup.buttons.isEmpty
         labelViewBottomConstraint?.isActive = layout == .horizontal || buttonGroup.buttons.isEmpty
         buttonGroupCenterYConstraint?.isActive = layout == .horizontal
         buttonGroupBottomConstraint?.isActive = layout == .vertical
         typeIconWidthConstraint?.constant = typeIcon.size.dimensions.width
         closeIconWidthConstraint?.constant = closeButton.size.dimensions.width
+        //iPad 12.9 inches is more than the configured maxViewWidth(1232), verified with designer on the same. Suggested to remove max width constraint
+        //maxWidthConstraint?.constant = maxViewWidth
+        //maxWidthConstraint?.isActive = UIDevice.isIPad
     }
 }

From 26a0ca220fe6ec82d09ed36389cde34143149af6 Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Wed, 13 Mar 2024 13:51:52 +0530
Subject: [PATCH 13/33] removed unused private layout properties

---
 .../Notification/Notification.swift           | 62 ++-----------------
 1 file changed, 5 insertions(+), 57 deletions(-)

diff --git a/VDS/Components/Notification/Notification.swift b/VDS/Components/Notification/Notification.swift
index 9523e6c8..b0f49239 100644
--- a/VDS/Components/Notification/Notification.swift
+++ b/VDS/Components/Notification/Notification.swift
@@ -53,12 +53,6 @@ open class Notification: View {
         }
     }
     
-    /// Enum used to describe the orientation of Notification.
-    /// Only horizontal orientation is supported for iPhone & iPad devices only.
-    private enum Layout: String, CaseIterable {
-        case vertical, horizontal
-    }
-    
     //--------------------------------------------------
     // MARK: - Private Properties
     //--------------------------------------------------
@@ -81,19 +75,9 @@ open class Notification: View {
         $0.translatesAutoresizingMaskIntoConstraints = false
     }
     
-    private var labelButtonViewSpacing: CGFloat {
-        let spacing: CGFloat = UIDevice.isIPad ? 20 : 16
-        return switch layout {
-        case .vertical:
-            0
-        case .horizontal:
-            spacing
-        }
-    }
+    private var labelButtonViewSpacing: CGFloat { UIDevice.isIPad ? 20 : 16 }
     
     internal var onCloseSubscriber: AnyCancellable?
-
-    private var maxWidthConstraint: NSLayoutConstraint?
         
     private var leadingConstraint: NSLayoutConstraint?
     
@@ -173,20 +157,6 @@ open class Notification: View {
     
     /// Add this attribute determine your type of Notification.
     open var style: Style = .info { didSet { setNeedsUpdate()}}
-
-    private var _layout: Layout = .vertical
-    
-    /// Determines the orientation of buttons and text in the Notification.
-    /// Only horizontal orientation is supported for iPhone & iPad devices only.
-    private var layout: Layout {
-        set {
-            if !UIDevice.isIPad, newValue == .horizontal { return }
-            _layout = newValue
-            buttonGroup.alignment = _layout == .horizontal ? .center : .left
-            setNeedsUpdate()
-        }
-        get { _layout }
-    }
     
     //--------------------------------------------------
     // MARK: - Configuration
@@ -221,18 +191,11 @@ open class Notification: View {
         return 288
     }
     
-    private var maxViewWidth: CGFloat {
-        return 1232
-    }
-    
-    private var labelViewWidthConstraint: NSLayoutConstraint?
     private var labelViewBottomConstraint: NSLayoutConstraint?
     private var labelViewAndButtonViewConstraint: NSLayoutConstraint?
     private var buttonViewTopConstraint: NSLayoutConstraint?
     private var typeIconWidthConstraint: NSLayoutConstraint?
     private var closeIconWidthConstraint: NSLayoutConstraint?
-    private var buttonGroupCenterYConstraint: NSLayoutConstraint?
-    private var buttonGroupBottomConstraint: NSLayoutConstraint?
 
     //--------------------------------------------------
     // MARK: - Overrides
@@ -257,21 +220,18 @@ open class Notification: View {
             mainStackView.heightAnchor.constraint(greaterThanOrEqualToConstant: minContentHeight),
             layoutGuide.widthAnchor.constraint(greaterThanOrEqualToConstant: minViewWidth)
         ])
-        maxWidthConstraint = layoutGuide.widthAnchor.constraint(lessThanOrEqualToConstant: maxViewWidth)
         
         labelButtonView.addSubview(labelsView)
         labelsView
             .pinTop()
             .pinLeading()
-        labelViewWidthConstraint = labelsView.widthAnchor.constraint(equalTo: labelButtonView.widthAnchor, multiplier: 1.0)
-        labelViewWidthConstraint?.activate()
+        labelsView.widthAnchor.constraint(equalTo: labelButtonView.widthAnchor, multiplier: 1.0).activate()
         labelViewBottomConstraint = labelButtonView.bottomAnchor.constraint(equalTo: labelsView.bottomAnchor)
 
         labelButtonView.addSubview(buttonGroup)
         buttonGroup
             .pinTrailing()
-        buttonGroupBottomConstraint = labelButtonView.bottomAnchor.constraint(equalTo: buttonGroup.bottomAnchor)
-        buttonGroupCenterYConstraint = buttonGroup.centerYAnchor.constraint(equalTo: labelButtonView.centerYAnchor)
+        labelButtonView.bottomAnchor.constraint(equalTo: buttonGroup.bottomAnchor).activate()
         labelViewAndButtonViewConstraint = buttonGroup.topAnchor.constraint(equalTo: labelsView.bottomAnchor, constant: VDSLayout.Spacing.space3X.value)
         buttonGroup.widthAnchor.constraint(equalTo: labelsView.widthAnchor).activate()
 
@@ -316,7 +276,6 @@ open class Notification: View {
         closeButton.size = UIDevice.isIPad ? .medium : .small
         closeButton.name = .close
         
-        layout = .vertical
         hideCloseButton = false
         
         shouldUpdateView = true
@@ -385,33 +344,22 @@ open class Notification: View {
             secondaryButton.onClick = secondaryButtonModel.onClick
             buttons.append(secondaryButton)
         }
-        labelViewWidthConstraint?.deactivate()
         if buttons.isEmpty {
             buttonGroup.isHidden = true
-            labelViewWidthConstraint = labelsView.widthAnchor.constraint(equalTo: labelButtonView.widthAnchor)
             buttonGroup.buttons.removeAll()
         } else {
             labelsView.setCustomSpacing(VDSLayout.Spacing.space3X.value, after: subTitleLabel)
             buttonGroup.buttons = buttons
             buttonGroup.isHidden = false
-            labelViewWidthConstraint = labelsView.widthAnchor.constraint(equalTo: labelButtonView.widthAnchor, multiplier: layout == .vertical ? 1.0 : 0.5, constant: layout == .vertical ? 0 : -labelButtonViewSpacing)
         }
-        labelViewWidthConstraint?.activate()
     }
     
     private func setConstraints() {
         labelViewAndButtonViewConstraint?.deactivate()
         labelViewBottomConstraint?.deactivate()
-        buttonGroupCenterYConstraint?.deactivate()
-        buttonGroupBottomConstraint?.deactivate()
-        labelViewAndButtonViewConstraint?.isActive = layout == .vertical && !buttonGroup.buttons.isEmpty
-        labelViewBottomConstraint?.isActive = layout == .horizontal || buttonGroup.buttons.isEmpty
-        buttonGroupCenterYConstraint?.isActive = layout == .horizontal
-        buttonGroupBottomConstraint?.isActive = layout == .vertical
+        labelViewAndButtonViewConstraint?.isActive = !buttonGroup.buttons.isEmpty
+        labelViewBottomConstraint?.isActive = buttonGroup.buttons.isEmpty
         typeIconWidthConstraint?.constant = typeIcon.size.dimensions.width
         closeIconWidthConstraint?.constant = closeButton.size.dimensions.width
-        //iPad 12.9 inches is more than the configured maxViewWidth(1232), verified with designer on the same. Suggested to remove max width constraint
-        //maxWidthConstraint?.constant = maxViewWidth
-        //maxWidthConstraint?.isActive = UIDevice.isIPad
     }
 }

From fdd0d35f2b683f6c05dff5c3e50cecc202480a0f Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Fri, 15 Mar 2024 17:05:15 +0530
Subject: [PATCH 14/33] Added EyebrowModel for tilelet

---
 VDS.xcodeproj/project.pbxproj                 |  6 +-
 VDS/Components/Tilelet/Tilelet.swift          | 20 ++++---
 .../Tilelet/TileletSubTitleModel.swift        |  3 -
 .../Tilelet/TiletEyebrowModel.swift           | 55 +++++++++++++++++++
 4 files changed, 71 insertions(+), 13 deletions(-)
 create mode 100644 VDS/Components/Tilelet/TiletEyebrowModel.swift

diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj
index 1d773b71..a22c51b8 100644
--- a/VDS.xcodeproj/project.pbxproj
+++ b/VDS.xcodeproj/project.pbxproj
@@ -17,6 +17,7 @@
 		5FC35BE328D51405004EBEAC /* Button.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5FC35BE228D51405004EBEAC /* Button.swift */; };
 		710607952B91A99500F2863F /* TitleletChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 710607942B91A99500F2863F /* TitleletChangeLog.txt */; };
 		7115BD3C2B84C0C200E0A610 /* TileContainerChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */; };
+		71ACE89E2BA1CC1700FB6ADC /* TiletEyebrowModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */; };
 		71BFA70A2B7F70E6000DCE33 /* DropShadowable.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71BFA7092B7F70E6000DCE33 /* DropShadowable.swift */; };
 		71C02B382B7BD98F00E93E66 /* NotificationChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */; };
 		71FC86DE2B9738B900700965 /* SurfaceConfigurationValue.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71FC86DD2B9738B900700965 /* SurfaceConfigurationValue.swift */; };
@@ -190,6 +191,7 @@
 		5FC35BE228D51405004EBEAC /* Button.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Button.swift; sourceTree = "<group>"; };
 		710607942B91A99500F2863F /* TitleletChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TitleletChangeLog.txt; sourceTree = "<group>"; };
 		7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TileContainerChangeLog.txt; sourceTree = "<group>"; };
+		71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TiletEyebrowModel.swift; sourceTree = "<group>"; };
 		71BFA7092B7F70E6000DCE33 /* DropShadowable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DropShadowable.swift; sourceTree = "<group>"; };
 		71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = NotificationChangeLog.txt; sourceTree = "<group>"; };
 		71FC86DD2B9738B900700965 /* SurfaceConfigurationValue.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = SurfaceConfigurationValue.swift; sourceTree = "<group>"; };
@@ -691,8 +693,9 @@
 			children = (
 				EA5E3057295105A40082B959 /* Tilelet.swift */,
 				EA985BE529688F6A00F2FF2E /* TileletBadgeModel.swift */,
-				EA985BE929689B6D00F2FF2E /* TileletSubTitleModel.swift */,
+				71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */,
 				EA985BE72968951C00F2FF2E /* TileletTitleModel.swift */,
+				EA985BE929689B6D00F2FF2E /* TileletSubTitleModel.swift */,
 				EA985C2C296F03FE00F2FF2E /* TileletIconModels.swift */,
 				710607942B91A99500F2863F /* TitleletChangeLog.txt */,
 			);
@@ -1042,6 +1045,7 @@
 				EAC71A1F2A2E173D00E47A9F /* RadioButton.swift in Sources */,
 				EA33622C2891E73B0071C351 /* FontProtocol.swift in Sources */,
 				EA596ABD2A16B4EC00300C4B /* Tab.swift in Sources */,
+				71ACE89E2BA1CC1700FB6ADC /* TiletEyebrowModel.swift in Sources */,
 				EAF7F11728A1475A00B287F5 /* RadioButtonItem.swift in Sources */,
 				EA985BEE2968A92400F2FF2E /* TitleLockupSubTitleModel.swift in Sources */,
 				EA985BF22968B5BB00F2FF2E /* TitleLockupTextStyle.swift in Sources */,
diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index f8a3b4db..0f595343 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -250,6 +250,9 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
     /// If set, this is used to render the subTitleLabel of the TitleLockup.
     open var subTitleModel: SubTitleModel? { didSet { setNeedsUpdate() } }
     
+    /// If set, this is used to render the eyebrowLabel of the TitleLockup.
+    open var eyebrowModel: EyebrowModel? { didSet { setNeedsUpdate() } }
+    
     //only 1 Icon can be active
     private var _descriptiveIconModel: DescriptiveIcon?
     
@@ -320,7 +323,7 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
         titleLockupBottomGreaterThanConstraint = titleLockupContainerView.bottomAnchor.constraint(greaterThanOrEqualTo: titleLockup.bottomAnchor)
         titleLockupTopGreaterThanConstraint = titleLockup.topAnchor.constraint(greaterThanOrEqualTo: titleLockupContainerView.topAnchor)
         titleLockupCenterYConstraint = titleLockup.centerYAnchor.constraint(equalTo: titleLockupContainerView.centerYAnchor)
-        
+
         iconContainerView.addSubview(descriptiveIcon)
         iconContainerView.addSubview(directionalIcon)
         
@@ -335,7 +338,7 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
             .pinBottom()
         
         //If a Tilelet has Badge, Title and Subtitle, then Subtitle will be truncated first and Badge will be truncated second. Title will be truncated last (lowest priority).
-        var labelPriority = UILayoutPriority.defaultHigh.rawValue
+        let labelPriority = UILayoutPriority.defaultHigh.rawValue
         titleLockup.titleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority), for: .vertical)
         badge.label.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-1), for: .vertical)
         titleLockup.subTitleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-2), for: .vertical)
@@ -400,7 +403,11 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
     private func updateTitleLockup() {
         
         var showTitleLockup = false
-        
+
+        if let eyebrowModel, !eyebrowModel.text.isEmpty {
+            showTitleLockup = true
+        }
+
         if let titleModel, !titleModel.text.isEmpty {
             showTitleLockup = true
         }
@@ -444,6 +451,7 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
             }
             
             //set models
+            titleLockup.eyebrowModel = eyebrowModel?.toTitleLockupEyebrowModel()
             titleLockup.titleModel = titleModel?.toTitleLockupTitleModel()
             titleLockup.subTitleModel = subTitleModel?.toTitleLockupSubTitleModel()
             
@@ -495,12 +503,6 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
         } else {
             removeFromSuperview(iconContainerView)
         }
-        if let lastElement = titleLockup.lastElement {
-            titleLockupTitleLabelBottomConstraint?.deactivate()
-            let anchorConstraint = showIconContainerView ? iconContainerView.topAnchor : containerView.bottomAnchor
-            titleLockupTitleLabelBottomConstraint = anchorConstraint.constraint(greaterThanOrEqualTo: lastElement.bottomAnchor)
-            titleLockupTitleLabelBottomConstraint?.activate()
-        }
     }
     
     private func updateTextPositionAlignment() {
diff --git a/VDS/Components/Tilelet/TileletSubTitleModel.swift b/VDS/Components/Tilelet/TileletSubTitleModel.swift
index 62adda7e..fb68ff53 100644
--- a/VDS/Components/Tilelet/TileletSubTitleModel.swift
+++ b/VDS/Components/Tilelet/TileletSubTitleModel.swift
@@ -48,14 +48,11 @@ extension Tilelet {
                     otherStandardStyle: OtherStandardStyle = .bodySmall,
                     textColor: Use = .primary,
                     textAttributes: [any LabelAttributeModel]? = nil,
-                    standardStyle: StandardStyle = .bodySmall,
                     lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
-                    textAttributes: [any LabelAttributeModel]? = nil) {
             self.text = text
             self.otherStandardStyle = otherStandardStyle
             self.textAttributes = textAttributes
             self.textColor = textColor
-            self.standardStyle = standardStyle
             self.lineBreakMode = lineBreakMode
         }
         
diff --git a/VDS/Components/Tilelet/TiletEyebrowModel.swift b/VDS/Components/Tilelet/TiletEyebrowModel.swift
new file mode 100644
index 00000000..e7c008b4
--- /dev/null
+++ b/VDS/Components/Tilelet/TiletEyebrowModel.swift
@@ -0,0 +1,55 @@
+//
+//  TiletEyebrowModel.swift
+//  VDS
+//
+//  Created by Bandaru, Krishna Kishore on 13/03/24.
+//
+
+import Foundation
+import UIKit
+
+extension Tilelet {
+    
+    /// Model that represents the options available for the eyebrow label.
+    public struct EyebrowModel {
+        //--------------------------------------------------
+        // MARK: - Public Properties
+        //--------------------------------------------------
+        /// Text that will be used for the eyebrow label.
+        public var text: String = ""
+        
+        /// Used in combination with standardStyle to set the textStyle that will be used for the eyebrow label.
+        public var isBold: Bool = false
+        /// Text attributes that will be used for the eyebrow label.
+        public var textAttributes: [any LabelAttributeModel]?
+        
+        /// Text style that will be used for the eyebrow label. If subtitle standard style
+        public var standardStyle: Tilelet.SubTitleModel.OtherStandardStyle = .titleSmall
+        
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+        
+        //--------------------------------------------------
+        // MARK: - Initializers
+        //--------------------------------------------------
+        public init(text: String,
+                    textAttributes: [any LabelAttributeModel]? = nil,
+                    isBold: Bool = true,
+                    standardStyle: Tilelet.SubTitleModel.OtherStandardStyle = .bodySmall,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
+            self.text = text
+            self.textAttributes = textAttributes
+            self.standardStyle = standardStyle
+            self.isBold = isBold
+            self.lineBreakMode = lineBreakMode
+        }
+              
+        //--------------------------------------------------
+        // MARK: - Public Methods
+        //--------------------------------------------------
+        /// Converts this type of model to a TitleLockup.TitleModel.
+        public func toTitleLockupEyebrowModel() -> TitleLockup.EyebrowModel {
+            TitleLockup.EyebrowModel(text: text, isBold: isBold, standardStyle: standardStyle.value, textAttributes: textAttributes)
+        }
+    }
+}

From baf934ba8da4cb8ff25c1290b927991cf0d94bca Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Tue, 19 Mar 2024 18:44:25 +0530
Subject: [PATCH 15/33] added Truncation logic in tilelet

---
 VDS/Components/Tilelet/Tilelet.swift | 58 ++++++++++++++++++++++++----
 1 file changed, 51 insertions(+), 7 deletions(-)

diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index 0f595343..b1367736 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -289,6 +289,11 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
     internal var titleLockupBottomGreaterThanConstraint: NSLayoutConstraint?
     internal var titleLockupCenterYConstraint: NSLayoutConstraint?
     internal var titleLockupTitleLabelBottomConstraint: NSLayoutConstraint?
+    //Truncation constraints
+    internal var badgeLabelHeightGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupEyebrowLabelHeightGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupTitleLabelHeightGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupSubTitleLabelHeightGreaterThanConstraint: NSLayoutConstraint?
 
     //--------------------------------------------------
     // MARK: - Overrides
@@ -319,7 +324,7 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
         titleLockupBottomConstraint = titleLockupContainerView.bottomAnchor.constraint(equalTo: titleLockup.bottomAnchor)
         titleLockupBottomConstraint?.activate()
         titleLockupTrailingConstraint = titleLockup.trailingAnchor.constraint(equalTo: titleLockupContainerView.trailingAnchor)
-        titleLockupTrailingConstraint?.isActive = true
+        titleLockupTrailingConstraint?.activate()
         titleLockupBottomGreaterThanConstraint = titleLockupContainerView.bottomAnchor.constraint(greaterThanOrEqualTo: titleLockup.bottomAnchor)
         titleLockupTopGreaterThanConstraint = titleLockup.topAnchor.constraint(greaterThanOrEqualTo: titleLockupContainerView.topAnchor)
         titleLockupCenterYConstraint = titleLockup.centerYAnchor.constraint(equalTo: titleLockupContainerView.centerYAnchor)
@@ -337,11 +342,46 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
             .pinTop()
             .pinBottom()
         
-        //If a Tilelet has Badge, Title and Subtitle, then Subtitle will be truncated first and Badge will be truncated second. Title will be truncated last (lowest priority).
+        badge.bottomAnchor.constraint(equalTo: badge.label.bottomAnchor, constant: 2).activate()
+        
+        /**
+         Truncation:
+         If a Tilelet has only a Title or a Subtitle, then the Title or Subtitle is truncated and appended with an ellipsis when there is not enough space to display the full text.
+         If a Tilelet has both Title and Subtitle, then only Subtitle will be truncated.
+         If a Tilelet has Badge, Title and Subtitle, then Subtitle will be truncated first and Badge will be truncated second. Title will be truncated last (lowest priority).
+         Minimum bottom space below Badge is 4px; less than 4px results in truncation.
+         */
         let labelPriority = UILayoutPriority.defaultHigh.rawValue
         titleLockup.titleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority), for: .vertical)
         badge.label.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-1), for: .vertical)
         titleLockup.subTitleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-2), for: .vertical)
+        titleLockup.eyebrowLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-3), for: .vertical)
+
+        titleLockup.titleLabel.setContentHuggingPriority(UILayoutPriority(labelPriority), for: .vertical)
+        badge.label.setContentHuggingPriority(UILayoutPriority(labelPriority-1), for: .vertical)
+        titleLockup.subTitleLabel.setContentHuggingPriority(UILayoutPriority(labelPriority-2), for: .vertical)
+        titleLockup.eyebrowLabel.setContentHuggingPriority(UILayoutPriority(labelPriority-3), for: .vertical)
+
+        /**
+         Added these constraints for:
+         At fixed width & height if all the labels(Badge, Eyebrow, Title, Subtitle) are having more number of lines then we should display atleast one line of content per label instead of pushing labels out of bounds.
+         So adding minimum single line height constraint
+         */
+        badgeLabelHeightGreaterThanConstraint = badge.label.heightGreaterThanEqualTo(constant: badge.label.minimumLineHeight)
+        badgeLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        badgeLabelHeightGreaterThanConstraint?.activate()
+        
+        titleLockupEyebrowLabelHeightGreaterThanConstraint = titleLockup.eyebrowLabel.heightGreaterThanEqualTo(constant: titleLockup.eyebrowLabel.minimumLineHeight)
+        titleLockupEyebrowLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        titleLockupEyebrowLabelHeightGreaterThanConstraint?.activate()
+        
+        titleLockupTitleLabelHeightGreaterThanConstraint = titleLockup.titleLabel.heightGreaterThanEqualTo(constant: titleLockup.titleLabel.minimumLineHeight)
+        titleLockupTitleLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        titleLockupTitleLabelHeightGreaterThanConstraint?.activate()
+        
+        titleLockupSubTitleLabelHeightGreaterThanConstraint = titleLockup.subTitleLabel.heightGreaterThanEqualTo(constant: titleLockup.subTitleLabel.minimumLineHeight)
+        titleLockupSubTitleLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        titleLockupSubTitleLabelHeightGreaterThanConstraint?.activate()
     }
     
     /// Resets to default settings.
@@ -391,6 +431,7 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
             badge.numberOfLines = badgeModel.numberOfLines
             badge.surface = badgeModel.surface
             badge.maxWidth = badgeModel.maxWidth
+            badgeLabelHeightGreaterThanConstraint?.constant = badge.label.minimumLineHeight
             if badgeContainerView.superview == nil {
                 stackView.insertArrangedSubview(badgeContainerView, at: 0)
                 setNeedsLayout()
@@ -462,6 +503,9 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
         } else {
             removeFromSuperview(titleLockupContainerView)
         }
+        titleLockupEyebrowLabelHeightGreaterThanConstraint?.constant = titleLockup.eyebrowLabel.minimumLineHeight
+        titleLockupTitleLabelHeightGreaterThanConstraint?.constant = titleLockup.titleLabel.minimumLineHeight
+        titleLockupSubTitleLabelHeightGreaterThanConstraint?.constant = titleLockup.subTitleLabel.minimumLineHeight
     }
     
     private func updateIcons() {
@@ -529,11 +573,11 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
     }
 }
 
-extension TitleLockup {
+extension Label {
     
-    fileprivate var lastElement: UIView? {
-        guard subTitleModel == nil else { return subTitleLabel }
-        guard titleModel == nil else { return titleLabel }
-        return nil
+    ///To calculate label single line height
+    fileprivate var minimumLineHeight: CGFloat {
+        guard let text, !text.isEmpty, let attributes = attributedText?.attributes(at: 0, longestEffectiveRange: nil, in: NSRange(location: 0, length: attributedText?.string.count ?? 0))[.paragraphStyle] as? NSParagraphStyle else { return font.lineHeight }
+        return attributes.minimumLineHeight
     }
 }

From f528b3cd62303f3f9c3a35be7d6a8b7e74763be1 Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Wed, 20 Mar 2024 20:54:19 +0530
Subject: [PATCH 16/33] changed constraints for backgroundImageView and 
 updated frames for CAlayers

---
 .../TileContainer/TileContainer.swift           | 17 +++++++++++++++--
 VDS/Components/Tilelet/Tilelet.swift            |  6 ++----
 VDS/Protocols/DropShadowable.swift              |  5 ++++-
 3 files changed, 21 insertions(+), 7 deletions(-)

diff --git a/VDS/Components/TileContainer/TileContainer.swift b/VDS/Components/TileContainer/TileContainer.swift
index 14d38d05..fc0ffa6e 100644
--- a/VDS/Components/TileContainer/TileContainer.swift
+++ b/VDS/Components/TileContainer/TileContainer.swift
@@ -240,7 +240,12 @@ open class TileContainerBase<PaddingType: DefaultValuing>: Control where Padding
 
         heightConstraint = layoutGuide.heightAnchor.constraint(equalToConstant: 0)
 
-        backgroundImageView.pin(layoutGuide)
+        backgroundImageView
+            .pinTop(layoutGuide.topAnchor)
+            .pinLeading(layoutGuide.leadingAnchor)
+            .pinTrailing(layoutGuide.trailingAnchor)
+            .pinBottom(layoutGuide.bottomAnchor, 0, .dragThatCanResizeScene)
+
         backgroundImageView.isUserInteractionEnabled = false
         backgroundImageView.isHidden = true
         
@@ -257,6 +262,7 @@ open class TileContainerBase<PaddingType: DefaultValuing>: Control where Padding
         layer.cornerRadius = cornerRadius
         backgroundImageView.layer.cornerRadius = cornerRadius
         highlightView.layer.cornerRadius = cornerRadius
+        clipsToBounds = true
     }
     
     /// Resets to default settings.
@@ -327,7 +333,14 @@ open class TileContainerBase<PaddingType: DefaultValuing>: Control where Padding
         }
         applyBackgroundEffects()
     }
-        
+    
+    /// Used to update frames for the added CAlayers to our view
+    open override func layoutSubviews() {
+        super.layoutSubviews()
+        dropShadowLayers?.forEach { $0.frame = bounds }
+        gradientLayers?.forEach { $0.frame = bounds }
+    }
+    
     //--------------------------------------------------
     // MARK: - Public Methods
     //--------------------------------------------------
diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index b1367736..fca3b4c2 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -349,6 +349,7 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
          If a Tilelet has only a Title or a Subtitle, then the Title or Subtitle is truncated and appended with an ellipsis when there is not enough space to display the full text.
          If a Tilelet has both Title and Subtitle, then only Subtitle will be truncated.
          If a Tilelet has Badge, Title and Subtitle, then Subtitle will be truncated first and Badge will be truncated second. Title will be truncated last (lowest priority).
+         Atleast one line text based on priority
          Minimum bottom space below Badge is 4px; less than 4px results in truncation.
          */
         let labelPriority = UILayoutPriority.defaultHigh.rawValue
@@ -576,8 +577,5 @@ open class Tilelet: TileContainerBase<Tilelet.Padding> {
 extension Label {
     
     ///To calculate label single line height
-    fileprivate var minimumLineHeight: CGFloat {
-        guard let text, !text.isEmpty, let attributes = attributedText?.attributes(at: 0, longestEffectiveRange: nil, in: NSRange(location: 0, length: attributedText?.string.count ?? 0))[.paragraphStyle] as? NSParagraphStyle else { return font.lineHeight }
-        return attributes.minimumLineHeight
-    }
+    fileprivate var minimumLineHeight: CGFloat { textStyle.lineHeight }
 }
diff --git a/VDS/Protocols/DropShadowable.swift b/VDS/Protocols/DropShadowable.swift
index b569ecab..120abb98 100644
--- a/VDS/Protocols/DropShadowable.swift
+++ b/VDS/Protocols/DropShadowable.swift
@@ -50,7 +50,6 @@ extension ViewProtocol where Self: UIView {
             shadowLayer.shadowPath = shadowPath.cgPath
             shadowLayer.frame = bounds
             shadowLayer.position = .init(x: bounds.midX, y: bounds.midY)
-            shadowLayer.backgroundColor = backgroundColor?.cgColor
             shadowLayer.cornerRadius = layer.cornerRadius
             shadowLayer.shadowColor =  config.shadowColorConfiguration.getColor(self).cgColor
             shadowLayer.shadowOpacity = Float(config.shadowOpacityConfiguration.value(for: self))
@@ -86,4 +85,8 @@ extension ViewProtocol where Self: UIView {
     func removeGradientLayer() {
         layer.sublayers?.removeAll { $0.name == "gradientLayer" }
     }
+    
+    //Helper variables to get gradient & shadow layers. These are exposed to update frame of layers when view's frame is updated.
+    var dropShadowLayers: [CALayer]? { layer.sublayers?.filter { $0.name == "dropShadowLayer" } }
+    var gradientLayers: [CAGradientLayer]? { layer.sublayers?.filter { $0.name == "gradientLayer" } as? [CAGradientLayer] }
 }

From f8fec46805fc8b695700d4be7caa35a9a388cf0c Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Thu, 21 Mar 2024 16:25:51 +0530
Subject: [PATCH 17/33] iPad bug fix for imageview

---
 VDS/Components/TileContainer/TileContainer.swift | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/VDS/Components/TileContainer/TileContainer.swift b/VDS/Components/TileContainer/TileContainer.swift
index fc0ffa6e..d94d942f 100644
--- a/VDS/Components/TileContainer/TileContainer.swift
+++ b/VDS/Components/TileContainer/TileContainer.swift
@@ -244,7 +244,7 @@ open class TileContainerBase<PaddingType: DefaultValuing>: Control where Padding
             .pinTop(layoutGuide.topAnchor)
             .pinLeading(layoutGuide.leadingAnchor)
             .pinTrailing(layoutGuide.trailingAnchor)
-            .pinBottom(layoutGuide.bottomAnchor, 0, .dragThatCanResizeScene)
+            .pinBottom(layoutGuide.bottomAnchor, 0, .defaultLow)
 
         backgroundImageView.isUserInteractionEnabled = false
         backgroundImageView.isHidden = true

From 303554462ce1982be08e9964344757d2c6565bc0 Mon Sep 17 00:00:00 2001
From: Krishna Kishore Bandaru <krishna.kishore.bandaru@verizon.com>
Date: Mon, 25 Mar 2024 19:12:47 +0530
Subject: [PATCH 18/33] accessibility fixes for Notification

---
 VDS/Components/Notification/Notification.swift | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/VDS/Components/Notification/Notification.swift b/VDS/Components/Notification/Notification.swift
index 126f83f0..ce2775d0 100644
--- a/VDS/Components/Notification/Notification.swift
+++ b/VDS/Components/Notification/Notification.swift
@@ -338,6 +338,16 @@ open class Notification: View {
         layer.cornerRadius = UIScreen.main.bounds.width == bounds.width ? 0 : 4.0
     }
     
+    ///Updating the accessiblity values i.e elements, label, value other items for the component.
+    open override func updateAccessibility() {
+        super.updateAccessibility()
+        accessibilityElements = [closeButton, typeIcon, titleLabel, subTitleLabel, buttonGroup]
+        typeIcon.accessibilityLabel = style.rawValue
+        typeIcon.imageView.image?.isAccessibilityElement = false
+        closeButton.accessibilityTraits = [.button]
+        closeButton.accessibilityLabel = "Close Notification"
+    }
+    
     //--------------------------------------------------
     // MARK: - Private Methods
     //--------------------------------------------------

From d5138dcdd39127f32ff6294c4c2ef5309e510b94 Mon Sep 17 00:00:00 2001
From: vasavk <vasavi.kanamarlapudi@verizon.com>
Date: Tue, 26 Mar 2024 12:50:50 +0530
Subject: [PATCH 19/33] Digital ACT-191 ONEAPP-6827 story: setting content
 alignment

---
 VDS/Components/Breadcrumbs/BreadcrumbItem.swift | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
index 3b279551..466c1d61 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
@@ -66,6 +66,9 @@ open class BreadcrumbItem: ButtonBase {
         isAccessibilityElement = true
         accessibilityTraits = .button
         accessibilityLabel = "Breadcrumb"
+        contentHorizontalAlignment = .leading
+        titleLabel?.numberOfLines = 0
+        titleLabel?.lineBreakMode = .byWordWrapping
     }
 
     /// Used to make changes to the View based off a change events or from local properties.

From 3df155bff52ef7f812877d05749c5a9965d4ae8e Mon Sep 17 00:00:00 2001
From: vasavk <vasavi.kanamarlapudi@verizon.com>
Date: Tue, 26 Mar 2024 12:56:08 +0530
Subject: [PATCH 20/33] Digital ACT-191 ONEAPP-6830 story: Fix misalignment of
 breadcrumbitems

---
 VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift | 12 +-----------
 1 file changed, 1 insertion(+), 11 deletions(-)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
index 9f0ea68b..b1cf4c2b 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
@@ -64,10 +64,6 @@ final class BreadcrumbCellItem: UICollectionViewCell {
     
     ///Updating the breadCrumbItem and UI based on the selected flag along with the surface
     func update(surface: Surface, hideSlash: Bool, breadCrumbItem: BreadcrumbItem) {
-        //remove views from stack
-        separator.removeFromSuperview()
-        self.breadCrumbItem?.removeFromSuperview()
-
         //update surface
         separator.surface = surface
         breadCrumbItem.surface = surface
@@ -84,11 +80,5 @@ final class BreadcrumbCellItem: UICollectionViewCell {
         self.breadCrumbItem = breadCrumbItem
         layoutIfNeeded()
     }
-    
-    /// Remove views from StackView.
-    override func prepareForReuse() {
-        super.prepareForReuse()
-        separator.removeFromSuperview()
-        breadCrumbItem?.removeFromSuperview()
-    }
 }
+

From 3d971fa569698bcc332ba35a0620aa7475b67344 Mon Sep 17 00:00:00 2001
From: vasavk <vasavi.kanamarlapudi@verizon.com>
Date: Tue, 26 Mar 2024 15:26:15 +0530
Subject: [PATCH 21/33] Digital ACT-191 ONEAPP-6827 story: updated
 accessibility properties

---
 VDS/Components/Breadcrumbs/BreadcrumbItem.swift | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
index 466c1d61..f561dd4d 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
@@ -64,8 +64,7 @@ open class BreadcrumbItem: ButtonBase {
     open override func setup() {
         super.setup()
         isAccessibilityElement = true
-        accessibilityTraits = .button
-        accessibilityLabel = "Breadcrumb"
+        accessibilityTraits = .link
         contentHorizontalAlignment = .leading
         titleLabel?.numberOfLines = 0
         titleLabel?.lineBreakMode = .byWordWrapping
@@ -89,4 +88,15 @@ open class BreadcrumbItem: ButtonBase {
         shouldUpdateView = true
         setNeedsUpdate()
     }
+    
+    /// Used to update any Accessibility properties.
+    open override func updateAccessibility() {
+        accessibilityLabel = "Breadcrumb \(text ?? "")"
+        if isEnabled {
+            accessibilityTraits.remove(.notEnabled)
+        } else {
+            accessibilityTraits.insert(.notEnabled)
+        }
+    }
+    
 }

From 25713cd533abba89f248a3aa0e6fa2d19d0e45fe Mon Sep 17 00:00:00 2001
From: "Bandaru, Krishna Kishore" <krishna.kishore.bandaru@one.verizon.com>
Date: Tue, 26 Mar 2024 16:54:50 +0000
Subject: [PATCH 22/33] Tilelet Enhancements

---
 VDS.xcodeproj/project.pbxproj                 |  18 +-
 VDS/Components/Badge/Badge.swift              |   1 +
 .../TileContainer/TileContainer.swift         |  87 +++++---
 VDS/Components/Tilelet/Tilelet.swift          | 209 +++++++++++++++---
 .../Tilelet/TileletBadgeModel.swift           |   7 +-
 .../Tilelet/TileletSubTitleModel.swift        |  13 +-
 .../Tilelet/TileletTitleModel.swift           |  19 +-
 .../Tilelet/TiletEyebrowModel.swift           |  55 +++++
 VDS/Components/Tilelet/TitleletChangeLog.txt  | 110 +++++++++
 VDS/Components/TitleLockup/TitleLockup.swift  |   4 +-
 .../TitleLockupSubTitleModel.swift            |   8 +-
 .../TitleLockup/TitleLockupTitleModel.swift   |   8 +-
 VDS/Extensions/VDSLayout.swift                |   3 +-
 VDS/Protocols/DefaultValuing.swift            |  12 +
 VDS/Protocols/DropShadowable.swift            |   5 +-
 VDS/Protocols/EnumSubset.swift                |   2 +-
 VDS/Protocols/Valuing.swift                   |  13 ++
 17 files changed, 499 insertions(+), 75 deletions(-)
 create mode 100644 VDS/Components/Tilelet/TiletEyebrowModel.swift
 create mode 100644 VDS/Components/Tilelet/TitleletChangeLog.txt
 create mode 100644 VDS/Protocols/DefaultValuing.swift
 create mode 100644 VDS/Protocols/Valuing.swift

diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj
index b09a8626..7c65a8b0 100644
--- a/VDS.xcodeproj/project.pbxproj
+++ b/VDS.xcodeproj/project.pbxproj
@@ -20,10 +20,12 @@
 		44604AD729CE196600E62B51 /* Line.swift in Sources */ = {isa = PBXBuildFile; fileRef = 44604AD629CE196600E62B51 /* Line.swift */; };
 		5F21D7BF28DCEB3D003E7CD6 /* Useable.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5F21D7BE28DCEB3D003E7CD6 /* Useable.swift */; };
 		5FC35BE328D51405004EBEAC /* Button.swift in Sources */ = {isa = PBXBuildFile; fileRef = 5FC35BE228D51405004EBEAC /* Button.swift */; };
+		710607952B91A99500F2863F /* TitleletChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 710607942B91A99500F2863F /* TitleletChangeLog.txt */; };
 		7115BD3C2B84C0C200E0A610 /* TileContainerChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */; };
 		71ACE89C2BA0451200FB6ADC /* PaginationContainer.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71ACE89B2BA0451200FB6ADC /* PaginationContainer.swift */; };
 		71B23C2D2B91FA690027F7D9 /* Pagination.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71B23C2C2B91FA690027F7D9 /* Pagination.swift */; };
 		71B5FCBB2B95A0CA00269BCC /* PaginationChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 71B5FCBA2B95A0CA00269BCC /* PaginationChangeLog.txt */; };
+		71ACE89E2BA1CC1700FB6ADC /* TiletEyebrowModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */; };
 		71BFA70A2B7F70E6000DCE33 /* DropShadowable.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71BFA7092B7F70E6000DCE33 /* DropShadowable.swift */; };
 		71C02B382B7BD98F00E93E66 /* NotificationChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */; };
 		71FC86DA2B96F44C00700965 /* PaginationButton.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71FC86D92B96F44C00700965 /* PaginationButton.swift */; };
@@ -114,6 +116,8 @@
 		EAA5EEF128F5C909003B3210 /* VDSColorTokens.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = EAA5EEED28F5C908003B3210 /* VDSColorTokens.xcframework */; };
 		EAA5EEF328F5C909003B3210 /* VDSFormControlsTokens.xcframework in Frameworks */ = {isa = PBXBuildFile; fileRef = EAA5EEEE28F5C908003B3210 /* VDSFormControlsTokens.xcframework */; };
 		EAA7456C2AB23E2000C1841F /* TooltipModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAA7456B2AB23E2000C1841F /* TooltipModel.swift */; };
+		EAACB8982B92706F006A3869 /* DefaultValuing.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAACB8972B92706F006A3869 /* DefaultValuing.swift */; };
+		EAACB89A2B927108006A3869 /* Valuing.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAACB8992B927108006A3869 /* Valuing.swift */; };
 		EAB1D29C28A5618900DAE764 /* RadioButtonGroup.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D29B28A5618900DAE764 /* RadioButtonGroup.swift */; };
 		EAB1D2CD28ABE76100DAE764 /* Withable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D2CC28ABE76000DAE764 /* Withable.swift */; };
 		EAB1D2CF28ABEF2B00DAE764 /* Typography+Base.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAB1D2CE28ABEF2B00DAE764 /* Typography+Base.swift */; };
@@ -204,10 +208,12 @@
 		44604AD629CE196600E62B51 /* Line.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Line.swift; sourceTree = "<group>"; };
 		5F21D7BE28DCEB3D003E7CD6 /* Useable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Useable.swift; sourceTree = "<group>"; };
 		5FC35BE228D51405004EBEAC /* Button.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Button.swift; sourceTree = "<group>"; };
+		710607942B91A99500F2863F /* TitleletChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TitleletChangeLog.txt; sourceTree = "<group>"; };
 		7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TileContainerChangeLog.txt; sourceTree = "<group>"; };
 		71ACE89B2BA0451200FB6ADC /* PaginationContainer.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PaginationContainer.swift; sourceTree = "<group>"; };
 		71B23C2C2B91FA690027F7D9 /* Pagination.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Pagination.swift; sourceTree = "<group>"; };
 		71B5FCBA2B95A0CA00269BCC /* PaginationChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = PaginationChangeLog.txt; sourceTree = "<group>"; };
+		71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TiletEyebrowModel.swift; sourceTree = "<group>"; };
 		71BFA7092B7F70E6000DCE33 /* DropShadowable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DropShadowable.swift; sourceTree = "<group>"; };
 		71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = NotificationChangeLog.txt; sourceTree = "<group>"; };
 		71FC86D92B96F44C00700965 /* PaginationButton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PaginationButton.swift; sourceTree = "<group>"; };
@@ -300,6 +306,8 @@
 		EAA5EEED28F5C908003B3210 /* VDSColorTokens.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = VDSColorTokens.xcframework; path = ../SharedFrameworks/VDSColorTokens.xcframework; sourceTree = "<group>"; };
 		EAA5EEEE28F5C908003B3210 /* VDSFormControlsTokens.xcframework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.xcframework; name = VDSFormControlsTokens.xcframework; path = ../SharedFrameworks/VDSFormControlsTokens.xcframework; sourceTree = "<group>"; };
 		EAA7456B2AB23E2000C1841F /* TooltipModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TooltipModel.swift; sourceTree = "<group>"; };
+		EAACB8972B92706F006A3869 /* DefaultValuing.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DefaultValuing.swift; sourceTree = "<group>"; };
+		EAACB8992B927108006A3869 /* Valuing.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Valuing.swift; sourceTree = "<group>"; };
 		EAB1D29B28A5618900DAE764 /* RadioButtonGroup.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = RadioButtonGroup.swift; sourceTree = "<group>"; };
 		EAB1D2CC28ABE76000DAE764 /* Withable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Withable.swift; sourceTree = "<group>"; };
 		EAB1D2CE28ABEF2B00DAE764 /* Typography+Base.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "Typography+Base.swift"; sourceTree = "<group>"; };
@@ -612,6 +620,7 @@
 				EAF1FE9A29DB1A6000101452 /* Changeable.swift */,
 				EAF1FE9829D4850E00101452 /* Clickable.swift */,
 				EAA5EEDF28F49DB3003B3210 /* Colorable.swift */,
+				EAACB8972B92706F006A3869 /* DefaultValuing.swift */,
 				EA3361A9288B25E40071C351 /* Disabling.swift */,
 				EAF978202A99035B00C2FEA9 /* Enabling.swift */,
 				EA5E305929510F8B0082B959 /* EnumSubset.swift */,
@@ -625,6 +634,7 @@
 				EA3361B7288B2AAA0071C351 /* ViewProtocol.swift */,
 				EAB1D2CC28ABE76000DAE764 /* Withable.swift */,
 				5F21D7BE28DCEB3D003E7CD6 /* Useable.swift */,
+				EAACB8992B927108006A3869 /* Valuing.swift */,
 				71BFA7092B7F70E6000DCE33 /* DropShadowable.swift */,
 			);
 			path = Protocols;
@@ -741,9 +751,11 @@
 			children = (
 				EA5E3057295105A40082B959 /* Tilelet.swift */,
 				EA985BE529688F6A00F2FF2E /* TileletBadgeModel.swift */,
-				EA985BE929689B6D00F2FF2E /* TileletSubTitleModel.swift */,
+				71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */,
 				EA985BE72968951C00F2FF2E /* TileletTitleModel.swift */,
+				EA985BE929689B6D00F2FF2E /* TileletSubTitleModel.swift */,
 				EA985C2C296F03FE00F2FF2E /* TileletIconModels.swift */,
+				710607942B91A99500F2863F /* TitleletChangeLog.txt */,
 			);
 			path = Tilelet;
 			sourceTree = "<group>";
@@ -1018,6 +1030,7 @@
 				EAEEECA72B1F952000531FC2 /* TabsChangeLog.txt in Resources */,
 				186B2A8A2B88DA7F001AB71F /* TextAreaChangeLog.txt in Resources */,
 				EAEEEC962B1F893B00531FC2 /* ButtonChangeLog.txt in Resources */,
+				710607952B91A99500F2863F /* TitleletChangeLog.txt in Resources */,
 				EA5F86CC2A1D28B500BC83E4 /* ReleaseNotes.txt in Resources */,
 				EAEEEC982B1F8DD100531FC2 /* LineChangeLog.txt in Resources */,
 				EAEEECA22B1F92AD00531FC2 /* LabelChangeLog.txt in Resources */,
@@ -1073,6 +1086,7 @@
 				EAC9258C2911C9DE00091998 /* InputField.swift in Sources */,
 				EA3362402892EF6C0071C351 /* Label.swift in Sources */,
 				EAB2376229E9880400AABE9A /* TrailingTooltipLabel.swift in Sources */,
+				EAACB8982B92706F006A3869 /* DefaultValuing.swift in Sources */,
 				EAB2376A29E9E59100AABE9A /* TooltipLaunchable.swift in Sources */,
 				18A65A042B96F050006602CC /* BreadcrumbItem.swift in Sources */,
 				EAB2375D29E8789100AABE9A /* Tooltip.swift in Sources */,
@@ -1091,6 +1105,7 @@
 				EAF7F0AF289B144C00B287F5 /* UnderlineLabelAttribute.swift in Sources */,
 				EA0D1C412A6AD61C00E5C127 /* Typography+Additional.swift in Sources */,
 				EAC925842911C63100091998 /* Colorable.swift in Sources */,
+				EAACB89A2B927108006A3869 /* Valuing.swift in Sources */,
 				EAE785312BA0A438009428EA /* UIImage+Helper.swift in Sources */,
 				EAB5FEF5292D371F00998C17 /* ButtonBase.swift in Sources */,
 				EA978EC5291D6AFE00ACC883 /* AnyLabelAttribute.swift in Sources */,
@@ -1098,6 +1113,7 @@
 				EAC71A1F2A2E173D00E47A9F /* RadioButton.swift in Sources */,
 				EA33622C2891E73B0071C351 /* FontProtocol.swift in Sources */,
 				EA596ABD2A16B4EC00300C4B /* Tab.swift in Sources */,
+				71ACE89E2BA1CC1700FB6ADC /* TiletEyebrowModel.swift in Sources */,
 				EAF7F11728A1475A00B287F5 /* RadioButtonItem.swift in Sources */,
 				EA985BEE2968A92400F2FF2E /* TitleLockupSubTitleModel.swift in Sources */,
 				EA985BF22968B5BB00F2FF2E /* TitleLockupTextStyle.swift in Sources */,
diff --git a/VDS/Components/Badge/Badge.swift b/VDS/Components/Badge/Badge.swift
index f6bb36d5..bbe1233d 100644
--- a/VDS/Components/Badge/Badge.swift
+++ b/VDS/Components/Badge/Badge.swift
@@ -147,6 +147,7 @@ open class Badge: View {
         
         label.widthGreaterThanEqualTo(constant: minWidth)
         maxWidthConstraint = label.widthLessThanEqualTo(constant: 0).with { $0.isActive = false }
+        clipsToBounds = true
     }
     
     /// Resets to default settings.
diff --git a/VDS/Components/TileContainer/TileContainer.swift b/VDS/Components/TileContainer/TileContainer.swift
index 8dc2d9dd..d94d942f 100644
--- a/VDS/Components/TileContainer/TileContainer.swift
+++ b/VDS/Components/TileContainer/TileContainer.swift
@@ -11,7 +11,39 @@ import VDSFormControlsTokens
 import UIKit
 
 @objc(VDSTileContainer)
-open class TileContainer: Control {
+open class TileContainer: TileContainerBase<TileContainer.Padding> {
+        
+    /// Enum used to describe the padding choices used for this component.
+    public enum Padding: DefaultValuing {
+        case padding2X
+        case padding4X
+        case padding6X
+        case padding8X
+        case padding12X
+        case custom(CGFloat)
+        
+        public static var defaultValue: Self { .padding4X }
+        
+        public var value: CGFloat {
+            switch self {
+            case .padding2X:
+                return VDSLayout.Spacing.space2X.value
+            case .padding4X:
+                return VDSLayout.Spacing.space4X.value
+            case .padding6X:
+                return VDSLayout.Spacing.space6X.value
+            case .padding8X:
+                return VDSLayout.Spacing.space8X.value
+            case .padding12X:
+                return VDSLayout.Spacing.space12X.value
+            case .custom(let padding):
+                return padding
+            }
+        }
+    }
+}
+
+open class TileContainerBase<PaddingType: DefaultValuing>: Control where PaddingType.ValueType == CGFloat  {
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -53,33 +85,6 @@ open class TileContainer: Control {
         case gradient(String, String)
         case none
     }
-
-    /// Enum used to describe the padding choices used for this component.
-    public enum Padding {
-        case padding2X
-        case padding4X
-        case padding6X
-        case padding8X
-        case padding12X
-        case custom(CGFloat)
-        
-        public var value: CGFloat {
-            switch self {
-            case .padding2X:
-                return VDSLayout.Spacing.space2X.value
-            case .padding4X:
-                return VDSLayout.Spacing.space4X.value
-            case .padding6X:
-                return VDSLayout.Spacing.space6X.value
-            case .padding8X:
-                return VDSLayout.Spacing.space8X.value
-            case .padding12X:
-                return VDSLayout.Spacing.space12X.value
-            case .custom(let padding):
-                return padding
-            }
-        }
-    }
        
     /// Enum used to describe the aspect ratios used for this component.
     public enum AspectRatio: String, CaseIterable {
@@ -130,7 +135,7 @@ open class TileContainer: Control {
     open var backgroundEffect: BackgroundEffect = .none { didSet {  setNeedsUpdate() } }
 
     /// Sets the inside padding for the component
-    open var padding: Padding = .padding4X { didSet {  setNeedsUpdate() } }
+    open var padding: PaddingType = PaddingType.defaultValue { didSet {  setNeedsUpdate() } }
     
     /// Applies a background color if backgroundImage prop fails or has trouble loading.
     open var imageFallbackColor: Surface = .light { didSet {  setNeedsUpdate() } }
@@ -235,7 +240,12 @@ open class TileContainer: Control {
 
         heightConstraint = layoutGuide.heightAnchor.constraint(equalToConstant: 0)
 
-        backgroundImageView.pin(layoutGuide)
+        backgroundImageView
+            .pinTop(layoutGuide.topAnchor)
+            .pinLeading(layoutGuide.leadingAnchor)
+            .pinTrailing(layoutGuide.trailingAnchor)
+            .pinBottom(layoutGuide.bottomAnchor, 0, .defaultLow)
+
         backgroundImageView.isUserInteractionEnabled = false
         backgroundImageView.isHidden = true
         
@@ -252,6 +262,7 @@ open class TileContainer: Control {
         layer.cornerRadius = cornerRadius
         backgroundImageView.layer.cornerRadius = cornerRadius
         highlightView.layer.cornerRadius = cornerRadius
+        clipsToBounds = true
     }
     
     /// Resets to default settings.
@@ -259,7 +270,6 @@ open class TileContainer: Control {
         super.reset()
         shouldUpdateView = false
         color = .white
-        padding = .padding4X
         aspectRatio = .ratio1x1
         imageFallbackColor = .light
         width = nil
@@ -323,7 +333,14 @@ open class TileContainer: Control {
         }
         applyBackgroundEffects()
     }
-        
+    
+    /// Used to update frames for the added CAlayers to our view
+    open override func layoutSubviews() {
+        super.layoutSubviews()
+        dropShadowLayers?.forEach { $0.frame = bounds }
+        gradientLayers?.forEach { $0.frame = bounds }
+    }
+    
     //--------------------------------------------------
     // MARK: - Public Methods
     //--------------------------------------------------
@@ -401,11 +418,11 @@ open class TileContainer: Control {
 
 }
 
-extension TileContainer {
+extension TileContainerBase {
     
     final class BackgroundColorConfiguration: ObjectColorable {
         
-        typealias ObjectType = TileContainer
+        typealias ObjectType = TileContainerBase
         
         let primaryColorConfig = SurfaceColorConfiguration(VDSColor.backgroundPrimaryLight, VDSColor.backgroundPrimaryDark)
         let secondaryColorConfig = SurfaceColorConfiguration(VDSColor.backgroundSecondaryLight, VDSColor.backgroundSecondaryDark)
@@ -415,7 +432,7 @@ extension TileContainer {
         
         required init() { }
         
-        func getColor(_ object: TileContainer) -> UIColor {
+        func getColor(_ object: ObjectType) -> UIColor {
             switch object.color {
             case .primary:
                 primaryColorConfig.getColor(object.surface)
diff --git a/VDS/Components/Tilelet/Tilelet.swift b/VDS/Components/Tilelet/Tilelet.swift
index 657a735b..fca3b4c2 100644
--- a/VDS/Components/Tilelet/Tilelet.swift
+++ b/VDS/Components/Tilelet/Tilelet.swift
@@ -16,7 +16,38 @@ import Combine
 /// while it can include an arrow CTA, it does not require one in order to
 /// function.
 @objc(VDSTilelet)
-open class Tilelet: TileContainer {
+open class Tilelet: TileContainerBase<Tilelet.Padding> {
+    
+    /// Enum used to describe the padding choices used for this component.
+    public enum Padding: String, DefaultValuing, CaseIterable {
+        case small
+        case large
+                
+        public static var defaultValue: Self { .large }
+        
+        public var value: CGFloat {
+            switch self {
+            case .small:
+                return UIDevice.isIPad ? VDSLayout.Spacing.space3X.value : VDSLayout.Spacing.space4X.value
+            case .large:
+                return UIDevice.isIPad ? VDSLayout.Spacing.space4X.value : VDSLayout.Spacing.space6X.value
+            }
+        }
+        
+        fileprivate var titleLockupBottomSpacing: CGFloat {
+            switch self.value {
+            case VDSLayout.Spacing.space3X.value:
+                return VDSLayout.Spacing.space4X.value
+            case VDSLayout.Spacing.space4X.value:
+                return VDSLayout.Spacing.space6X.value
+            case VDSLayout.Spacing.space4X.value:
+                return VDSLayout.Spacing.space8X.value
+            default:
+                return VDSLayout.Spacing.space4X.value
+            }
+        }
+    }
+    
     
     //--------------------------------------------------
     // MARK: - Initializers
@@ -39,6 +70,7 @@ open class Tilelet: TileContainer {
     /// Enum to represent the Vertical Layout of the Text.
     public enum TextPosition: String, CaseIterable {
         case top
+        case middle
         case bottom
     }
     
@@ -72,7 +104,7 @@ open class Tilelet: TileContainer {
     
     //--------------------------------------------------
     // MARK: - Public Properties
-    //--------------------------------------------------    
+    //--------------------------------------------------
     public override var onClickSubscriber: AnyCancellable? {
         didSet {
             isAccessibilityElement = onClickSubscriber != nil
@@ -82,6 +114,27 @@ open class Tilelet: TileContainer {
     /// Title lockup positioned in the contentView.
     open var titleLockup = TitleLockup().with {
         $0.standardStyleConfiguration = .init(styleConfigurations: [
+            .init(deviceType: .iPhone,
+                  titleStandardStyles: [.bodySmall],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodySmall],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
+            .init(deviceType: .iPhone,
+                  titleStandardStyles: [.bodyMedium],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyMedium],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
+            .init(deviceType: .iPhone,
+                  titleStandardStyles: [.bodyLarge],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyLarge],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
             .init(deviceType: .iPhone,
                   titleStandardStyles: [.titleSmall],
                   spacingConfigurations: [
@@ -103,6 +156,27 @@ open class Tilelet: TileContainer {
                           topSpacing: VDSLayout.Spacing.space3X.value,
                           bottomSpacing: VDSLayout.Spacing.space3X.value)
                   ]),
+            .init(deviceType: .iPad,
+                  titleStandardStyles: [.bodySmall],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodySmall],
+                          topSpacing: VDSLayout.Spacing.space2X.value,
+                          bottomSpacing: VDSLayout.Spacing.space2X.value)
+                  ]),
+            .init(deviceType: .iPad,
+                  titleStandardStyles: [.bodyMedium],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyMedium],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
+            .init(deviceType: .iPad,
+                  titleStandardStyles: [.bodyLarge],
+                  spacingConfigurations: [
+                    .init(otherStandardStyles: [.bodyLarge],
+                          topSpacing: VDSLayout.Spacing.space1X.value,
+                          bottomSpacing: VDSLayout.Spacing.space1X.value)
+                  ]),
             .init(deviceType: .iPad,
                   titleStandardStyles: [.titleSmall, .titleMedium],
                   spacingConfigurations: [
@@ -176,6 +250,9 @@ open class Tilelet: TileContainer {
     /// If set, this is used to render the subTitleLabel of the TitleLockup.
     open var subTitleModel: SubTitleModel? { didSet { setNeedsUpdate() } }
     
+    /// If set, this is used to render the eyebrowLabel of the TitleLockup.
+    open var eyebrowModel: EyebrowModel? { didSet { setNeedsUpdate() } }
+    
     //only 1 Icon can be active
     private var _descriptiveIconModel: DescriptiveIcon?
     
@@ -206,6 +283,17 @@ open class Tilelet: TileContainer {
     //--------------------------------------------------
     internal var titleLockupWidthConstraint: NSLayoutConstraint?
     internal var titleLockupTrailingConstraint: NSLayoutConstraint?
+    internal var titleLockupTopConstraint: NSLayoutConstraint?
+    internal var titleLockupBottomConstraint: NSLayoutConstraint?
+    internal var titleLockupTopGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupBottomGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupCenterYConstraint: NSLayoutConstraint?
+    internal var titleLockupTitleLabelBottomConstraint: NSLayoutConstraint?
+    //Truncation constraints
+    internal var badgeLabelHeightGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupEyebrowLabelHeightGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupTitleLabelHeightGreaterThanConstraint: NSLayoutConstraint?
+    internal var titleLockupSubTitleLabelHeightGreaterThanConstraint: NSLayoutConstraint?
 
     //--------------------------------------------------
     // MARK: - Overrides
@@ -230,12 +318,17 @@ open class Tilelet: TileContainer {
         
         titleLockupContainerView.addSubview(titleLockup)
         titleLockup
-            .pinTop()
             .pinLeading()
-            .pinBottom()
+        titleLockupTopConstraint = titleLockup.topAnchor.constraint(equalTo: titleLockupContainerView.topAnchor)
+        titleLockupTopConstraint?.activate()
+        titleLockupBottomConstraint = titleLockupContainerView.bottomAnchor.constraint(equalTo: titleLockup.bottomAnchor)
+        titleLockupBottomConstraint?.activate()
         titleLockupTrailingConstraint = titleLockup.trailingAnchor.constraint(equalTo: titleLockupContainerView.trailingAnchor)
-        titleLockupTrailingConstraint?.isActive = true
-        
+        titleLockupTrailingConstraint?.activate()
+        titleLockupBottomGreaterThanConstraint = titleLockupContainerView.bottomAnchor.constraint(greaterThanOrEqualTo: titleLockup.bottomAnchor)
+        titleLockupTopGreaterThanConstraint = titleLockup.topAnchor.constraint(greaterThanOrEqualTo: titleLockupContainerView.topAnchor)
+        titleLockupCenterYConstraint = titleLockup.centerYAnchor.constraint(equalTo: titleLockupContainerView.centerYAnchor)
+
         iconContainerView.addSubview(descriptiveIcon)
         iconContainerView.addSubview(directionalIcon)
         
@@ -249,6 +342,47 @@ open class Tilelet: TileContainer {
             .pinTop()
             .pinBottom()
         
+        badge.bottomAnchor.constraint(equalTo: badge.label.bottomAnchor, constant: 2).activate()
+        
+        /**
+         Truncation:
+         If a Tilelet has only a Title or a Subtitle, then the Title or Subtitle is truncated and appended with an ellipsis when there is not enough space to display the full text.
+         If a Tilelet has both Title and Subtitle, then only Subtitle will be truncated.
+         If a Tilelet has Badge, Title and Subtitle, then Subtitle will be truncated first and Badge will be truncated second. Title will be truncated last (lowest priority).
+         Atleast one line text based on priority
+         Minimum bottom space below Badge is 4px; less than 4px results in truncation.
+         */
+        let labelPriority = UILayoutPriority.defaultHigh.rawValue
+        titleLockup.titleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority), for: .vertical)
+        badge.label.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-1), for: .vertical)
+        titleLockup.subTitleLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-2), for: .vertical)
+        titleLockup.eyebrowLabel.setContentCompressionResistancePriority(UILayoutPriority(labelPriority-3), for: .vertical)
+
+        titleLockup.titleLabel.setContentHuggingPriority(UILayoutPriority(labelPriority), for: .vertical)
+        badge.label.setContentHuggingPriority(UILayoutPriority(labelPriority-1), for: .vertical)
+        titleLockup.subTitleLabel.setContentHuggingPriority(UILayoutPriority(labelPriority-2), for: .vertical)
+        titleLockup.eyebrowLabel.setContentHuggingPriority(UILayoutPriority(labelPriority-3), for: .vertical)
+
+        /**
+         Added these constraints for:
+         At fixed width & height if all the labels(Badge, Eyebrow, Title, Subtitle) are having more number of lines then we should display atleast one line of content per label instead of pushing labels out of bounds.
+         So adding minimum single line height constraint
+         */
+        badgeLabelHeightGreaterThanConstraint = badge.label.heightGreaterThanEqualTo(constant: badge.label.minimumLineHeight)
+        badgeLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        badgeLabelHeightGreaterThanConstraint?.activate()
+        
+        titleLockupEyebrowLabelHeightGreaterThanConstraint = titleLockup.eyebrowLabel.heightGreaterThanEqualTo(constant: titleLockup.eyebrowLabel.minimumLineHeight)
+        titleLockupEyebrowLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        titleLockupEyebrowLabelHeightGreaterThanConstraint?.activate()
+        
+        titleLockupTitleLabelHeightGreaterThanConstraint = titleLockup.titleLabel.heightGreaterThanEqualTo(constant: titleLockup.titleLabel.minimumLineHeight)
+        titleLockupTitleLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        titleLockupTitleLabelHeightGreaterThanConstraint?.activate()
+        
+        titleLockupSubTitleLabelHeightGreaterThanConstraint = titleLockup.subTitleLabel.heightGreaterThanEqualTo(constant: titleLockup.subTitleLabel.minimumLineHeight)
+        titleLockupSubTitleLabelHeightGreaterThanConstraint?.priority = .defaultHigh
+        titleLockupSubTitleLabelHeightGreaterThanConstraint?.activate()
     }
     
     /// Resets to default settings.
@@ -261,7 +395,7 @@ open class Tilelet: TileContainer {
         titleModel = nil
         subTitleModel = nil
         descriptiveIconModel = nil
-        directionalIconModel = nil        
+        directionalIconModel = nil
         shouldUpdateView = true
         setNeedsUpdate()
     }
@@ -273,7 +407,11 @@ open class Tilelet: TileContainer {
         updateBadge()
         updateTitleLockup()
         updateIcons()
-        
+        ///Content-driven height Tilelets - Minimum height is configurable.
+        ///if width != nil && (aspectRatio != .none || height != nil) then tilelet is not self growing, so we can apply text position alignments.
+        if width != nil && (aspectRatio != .none || height != nil) {
+            updateTextPositionAlignment()
+        }
         layoutIfNeeded()
     }
     
@@ -294,6 +432,7 @@ open class Tilelet: TileContainer {
             badge.numberOfLines = badgeModel.numberOfLines
             badge.surface = badgeModel.surface
             badge.maxWidth = badgeModel.maxWidth
+            badgeLabelHeightGreaterThanConstraint?.constant = badge.label.minimumLineHeight
             if badgeContainerView.superview == nil {
                 stackView.insertArrangedSubview(badgeContainerView, at: 0)
                 setNeedsLayout()
@@ -306,7 +445,11 @@ open class Tilelet: TileContainer {
     private func updateTitleLockup() {
         
         var showTitleLockup = false
-        
+
+        if let eyebrowModel, !eyebrowModel.text.isEmpty {
+            showTitleLockup = true
+        }
+
         if let titleModel, !titleModel.text.isEmpty {
             showTitleLockup = true
         }
@@ -350,6 +493,7 @@ open class Tilelet: TileContainer {
             }
             
             //set models
+            titleLockup.eyebrowModel = eyebrowModel?.toTitleLockupEyebrowModel()
             titleLockup.titleModel = titleModel?.toTitleLockupTitleModel()
             titleLockup.subTitleModel = subTitleModel?.toTitleLockupSubTitleModel()
             
@@ -360,6 +504,9 @@ open class Tilelet: TileContainer {
         } else {
             removeFromSuperview(titleLockupContainerView)
         }
+        titleLockupEyebrowLabelHeightGreaterThanConstraint?.constant = titleLockup.eyebrowLabel.minimumLineHeight
+        titleLockupTitleLabelHeightGreaterThanConstraint?.constant = titleLockup.titleLabel.minimumLineHeight
+        titleLockupSubTitleLabelHeightGreaterThanConstraint?.constant = titleLockup.subTitleLabel.minimumLineHeight
     }
     
     private func updateIcons() {
@@ -392,7 +539,7 @@ open class Tilelet: TileContainer {
                 view = titleLockupContainerView
             }
             if let view {
-                stackView.setCustomSpacing(padding.tiletSpacing, after: view)
+                stackView.setCustomSpacing(padding.titleLockupBottomSpacing, after: view)
             }
             if iconContainerView.superview == nil {
                 stackView.addArrangedSubview(iconContainerView)
@@ -402,21 +549,33 @@ open class Tilelet: TileContainer {
             removeFromSuperview(iconContainerView)
         }
     }
-}
-
-extension TileContainer.Padding {
-    fileprivate var tiletSpacing: CGFloat {
-        switch self {
-        case .padding2X:
-            return 16
-        case .padding4X:
-            return 24
-        case .padding6X:
-            return 32
-        case .padding8X:
-            return 48
-        default:
-            return 16
+    
+    private func updateTextPositionAlignment() {
+        switch textPostion {
+        case .top:
+            titleLockupTopConstraint?.activate()
+            titleLockupTopGreaterThanConstraint?.deactivate()
+            titleLockupBottomConstraint?.deactivate()
+            titleLockupBottomGreaterThanConstraint?.activate()
+            titleLockupCenterYConstraint?.deactivate()
+        case .middle:
+            titleLockupTopConstraint?.deactivate()
+            titleLockupTopGreaterThanConstraint?.activate()
+            titleLockupBottomConstraint?.deactivate()
+            titleLockupBottomGreaterThanConstraint?.activate()
+            titleLockupCenterYConstraint?.activate()
+        case .bottom:
+            titleLockupTopConstraint?.deactivate()
+            titleLockupTopGreaterThanConstraint?.activate()
+            titleLockupBottomConstraint?.activate()
+            titleLockupBottomGreaterThanConstraint?.deactivate()
+            titleLockupCenterYConstraint?.deactivate()
         }
     }
 }
+
+extension Label {
+    
+    ///To calculate label single line height
+    fileprivate var minimumLineHeight: CGFloat { textStyle.lineHeight }
+}
diff --git a/VDS/Components/Tilelet/TileletBadgeModel.swift b/VDS/Components/Tilelet/TileletBadgeModel.swift
index f58c134c..9dbd03fe 100644
--- a/VDS/Components/Tilelet/TileletBadgeModel.swift
+++ b/VDS/Components/Tilelet/TileletBadgeModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension Tilelet {
     
@@ -26,12 +27,16 @@ extension Tilelet {
         /// Max width that will be used for the badge.
         public var maxWidth: CGFloat?
         
-        public init(text: String, fillColor: Badge.FillColor = .red, surface: Surface = .light, numberOfLines: Int = 0, maxWidth: CGFloat? = nil) {
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+
+        public init(text: String, fillColor: Badge.FillColor = .red, surface: Surface = .light, numberOfLines: Int = 0, maxWidth: CGFloat? = nil, lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.fillColor = fillColor
             self.surface = surface
             self.numberOfLines = numberOfLines
             self.maxWidth = maxWidth
+            self.lineBreakMode = lineBreakMode
         }
     }
 }
diff --git a/VDS/Components/Tilelet/TileletSubTitleModel.swift b/VDS/Components/Tilelet/TileletSubTitleModel.swift
index ae28d958..fb68ff53 100644
--- a/VDS/Components/Tilelet/TileletSubTitleModel.swift
+++ b/VDS/Components/Tilelet/TileletSubTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension Tilelet {
     /// Model that represents the options available for the sub title label.
@@ -18,7 +19,8 @@ extension Tilelet {
             case bodyLarge
             case bodyMedium
             case bodySmall
-            
+            case titleSmall
+            case titleMedium
             public var defaultValue: TitleLockup.OtherStandardStyle { .bodySmall }
         }
         //--------------------------------------------------
@@ -36,17 +38,22 @@ extension Tilelet {
         /// Text color that will be used for the subTitle label.
         public var textColor: Use = .primary
         
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+
         //--------------------------------------------------
         // MARK: - Initializers
         //--------------------------------------------------
         public init(text: String,
                     otherStandardStyle: OtherStandardStyle = .bodySmall,
                     textColor: Use = .primary,
-                    textAttributes: [any LabelAttributeModel]? = nil) {
+                    textAttributes: [any LabelAttributeModel]? = nil,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.otherStandardStyle = otherStandardStyle
             self.textAttributes = textAttributes
             self.textColor = textColor
+            self.lineBreakMode = lineBreakMode
         }
         
         //--------------------------------------------------
@@ -57,7 +64,7 @@ extension Tilelet {
             TitleLockup.SubTitleModel(text: text,
                                       otherStandardStyle: otherStandardStyle.value,
                                       textColor: textColor,
-                                      textAttributes: textAttributes)
+                                      textAttributes: textAttributes, lineBreakMode: lineBreakMode)
         }
     }
 }
diff --git a/VDS/Components/Tilelet/TileletTitleModel.swift b/VDS/Components/Tilelet/TileletTitleModel.swift
index 728de07b..fa8c603d 100644
--- a/VDS/Components/Tilelet/TileletTitleModel.swift
+++ b/VDS/Components/Tilelet/TileletTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension Tilelet {
     /// Model that represents the options available for the title label.
@@ -19,7 +20,10 @@ extension Tilelet {
             case titleLarge
             case titleMedium
             case titleSmall
-            
+            case bodyLarge
+            case bodyMedium
+            case bodySmall
+
             public var defaultValue: TitleLockup.TitleStandardStyle { .titleSmall }
         }
         //--------------------------------------------------
@@ -28,21 +32,30 @@ extension Tilelet {
         /// Text that will be used for the title label.
         public var text: String = ""
         
+        /// Used in combination with standardStyle to set the textStyle that will be used for the title label.
+        public var isBold: Bool = false
         /// Text attributes that will be used for the title label.
         public var textAttributes: [any LabelAttributeModel]?
         
         /// Text style that will be used for the title label.
         public var standardStyle: StandardStyle = .titleSmall
         
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+        
         //--------------------------------------------------
         // MARK: - Initializers
         //--------------------------------------------------
         public init(text: String,
                     textAttributes: [any LabelAttributeModel]? = nil,
-                    standardStyle: StandardStyle = .titleSmall) {
+                    isBold: Bool = true,
+                    standardStyle: StandardStyle = .titleSmall,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.textAttributes = textAttributes
             self.standardStyle = standardStyle
+            self.isBold = isBold
+            self.lineBreakMode = lineBreakMode
         }
               
         //--------------------------------------------------
@@ -52,7 +65,7 @@ extension Tilelet {
         public func toTitleLockupTitleModel() -> TitleLockup.TitleModel {
             TitleLockup.TitleModel(text: text,
                                    textAttributes: textAttributes,
-                                   standardStyle: standardStyle.value)
+                                   isBold: isBold, standardStyle: standardStyle.value, lineBreakMode: lineBreakMode)
         }
     }
 }
diff --git a/VDS/Components/Tilelet/TiletEyebrowModel.swift b/VDS/Components/Tilelet/TiletEyebrowModel.swift
new file mode 100644
index 00000000..e7c008b4
--- /dev/null
+++ b/VDS/Components/Tilelet/TiletEyebrowModel.swift
@@ -0,0 +1,55 @@
+//
+//  TiletEyebrowModel.swift
+//  VDS
+//
+//  Created by Bandaru, Krishna Kishore on 13/03/24.
+//
+
+import Foundation
+import UIKit
+
+extension Tilelet {
+    
+    /// Model that represents the options available for the eyebrow label.
+    public struct EyebrowModel {
+        //--------------------------------------------------
+        // MARK: - Public Properties
+        //--------------------------------------------------
+        /// Text that will be used for the eyebrow label.
+        public var text: String = ""
+        
+        /// Used in combination with standardStyle to set the textStyle that will be used for the eyebrow label.
+        public var isBold: Bool = false
+        /// Text attributes that will be used for the eyebrow label.
+        public var textAttributes: [any LabelAttributeModel]?
+        
+        /// Text style that will be used for the eyebrow label. If subtitle standard style
+        public var standardStyle: Tilelet.SubTitleModel.OtherStandardStyle = .titleSmall
+        
+        /// LineBreakMode used in Badge label.
+        public var lineBreakMode: NSLineBreakMode
+        
+        //--------------------------------------------------
+        // MARK: - Initializers
+        //--------------------------------------------------
+        public init(text: String,
+                    textAttributes: [any LabelAttributeModel]? = nil,
+                    isBold: Bool = true,
+                    standardStyle: Tilelet.SubTitleModel.OtherStandardStyle = .bodySmall,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
+            self.text = text
+            self.textAttributes = textAttributes
+            self.standardStyle = standardStyle
+            self.isBold = isBold
+            self.lineBreakMode = lineBreakMode
+        }
+              
+        //--------------------------------------------------
+        // MARK: - Public Methods
+        //--------------------------------------------------
+        /// Converts this type of model to a TitleLockup.TitleModel.
+        public func toTitleLockupEyebrowModel() -> TitleLockup.EyebrowModel {
+            TitleLockup.EyebrowModel(text: text, isBold: isBold, standardStyle: standardStyle.value, textAttributes: textAttributes)
+        }
+    }
+}
diff --git a/VDS/Components/Tilelet/TitleletChangeLog.txt b/VDS/Components/Tilelet/TitleletChangeLog.txt
new file mode 100644
index 00000000..bbbc8edf
--- /dev/null
+++ b/VDS/Components/Tilelet/TitleletChangeLog.txt
@@ -0,0 +1,110 @@
+MM/DD/YYYY
+----------------
+
+08/31/2022
+----------------
+- Updates to Typography and default Title Lockup configurations:
+- Default
+- Regular title updated to bold weight
+- Subtitle updated to primary color
+- Inverted
+- Regular title updated to bold weight
+- Subtitle updated to primary color
+
+07/15/2022
+----------------
+- Updates to Typography and default Title Lockup configurations:
+- Default
+- Bold Title updated to Regular weight
+- Subtitle updated to secondary color
+- Inverted
+- Bold Title updated to Regular weight
+- Subtitle updated to secondary color
+
+04/27/2022
+----------------
+- Updates to Title Lockup configurations.
+
+04/14/2022
+----------------
+- Updates to Tilelet Group spec based on 4/14 handoff feedback.
+
+04/04/2022
+----------------
+- Visuals added to Tilelet Group spec.
+
+04/01/2022
+----------------
+- Updates based on 3/31 handoff feedback.
+
+03/30/2022
+----------------
+- Tilelet added to Test App.
+
+03/29/2022
+----------------
+- Interactive states updated.
+
+03/22/2022
+----------------
+- Layout and spacing page added.
+
+03/21/2022
+----------------
+- Updated anatomy, configuration, and element pages.
+
+02/21/2022
+----------------
+- Title Lockup’s width properties added.
+
+09/14/2022
+----------------
+- States section updated to reflect states inherited from Tile Container
+- Dev note added to Layouts.
+
+11/30/2022
+----------------
+- Added "(web only)" to any instance of "keyboard focus"
+
+12/13/2022
+----------------
+- Replaced focus border pixel and style & spacing values with tokens.
+
+06/19/2023
+----------------
+- Updated anatomy element names to be local to Tilelet and indicated the core component that powers them under the hood.
+
+09/21/2023
+----------------
+- Updated Anatomy to include Title Lockup with Eyebrow and Tooltip
+- Updated Configurations to include Title Lockup section
+- Updated Layout and spacing to include Alignment (Left, Center) and textPosition (Middle)

+- Updated Elements to include Eyebrow and uniform 1:1 pairings
+
+10/09/2023
+----------------
+- Updated Configurations VDS Title Lockup and VDS Tile Container sections.
+
+10/13/2023
+----------------
+- SPEC format changes to Anatomy to include nested component configurations
+- Removed Configurations page
+
+11/20/2023
+----------------
+- Updated visuals to reflect new corner radius value - 12px
+- Updated focus border corner radius to 14px
+- View changes
+
+12/14/2023
+----------------
+- Added secondary, primary backgroundColor options
+- Relabeled configurations section headings to use property names
+- Relabeled surface sections to use “surface:” labeling convention
+- Deprecated gray backgroundColor
+- View changes
+
+02/08/2024
+----------------
+- Added external-icon option to Descriptive Icon in Configurations
+- View changes
diff --git a/VDS/Components/TitleLockup/TitleLockup.swift b/VDS/Components/TitleLockup/TitleLockup.swift
index 3802b529..761ac9c5 100644
--- a/VDS/Components/TitleLockup/TitleLockup.swift
+++ b/VDS/Components/TitleLockup/TitleLockup.swift
@@ -353,7 +353,7 @@ open class TitleLockup: View {
             titleLabel.attributes = titleModel.textAttributes
             titleLabel.numberOfLines = titleModel.numberOfLines
             titleLabel.surface = surface
-            
+            titleLabel.lineBreakMode = titleModel.lineBreakMode
             addSubview(titleLabel)
             titleLabel
                 .pinTop(previousView?.bottomAnchor ?? self.topAnchor, eyebrowLabel == previousView ? topSpacing : 0)
@@ -372,7 +372,7 @@ open class TitleLockup: View {
             subTitleLabel.attributes = subTitleModel.textAttributes
             subTitleLabel.numberOfLines = subTitleModel.numberOfLines
             subTitleLabel.surface = surface
-            
+            subTitleLabel.lineBreakMode = subTitleModel.lineBreakMode
             addSubview(subTitleLabel)
             subTitleLabel
                 .pinTop(previousView?.bottomAnchor ?? self.topAnchor, (eyebrowLabel == previousView || titleLabel == previousView) ? bottomSpacing : 0)
diff --git a/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift b/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift
index 4ac0922c..f558ffb4 100644
--- a/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift
+++ b/VDS/Components/TitleLockup/TitleLockupSubTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension TitleLockup {
     /// Model that represents the options available for the sub title label.
@@ -25,16 +26,21 @@ extension TitleLockup {
         /// Number of lines used in the subtitle label.
         public var numberOfLines: Int
         
+        /// LineBreakMode used in subtitle label.
+        public var lineBreakMode: NSLineBreakMode
+
         public init(text: String,
                     otherStandardStyle: OtherStandardStyle = .bodyLarge,
                     textColor: Use = .primary,
                     textAttributes: [any LabelAttributeModel]? = nil,
-                    numberOfLines: Int = 0) {
+                    numberOfLines: Int = 0, 
+                    lineBreakMode: NSLineBreakMode = .byWordWrapping) {
             self.text = text
             self.otherStandardStyle = otherStandardStyle
             self.textColor = textColor
             self.textAttributes = textAttributes
             self.numberOfLines = numberOfLines
+            self.lineBreakMode = lineBreakMode
         }
         
         /// TextStyle used to render the text.
diff --git a/VDS/Components/TitleLockup/TitleLockupTitleModel.swift b/VDS/Components/TitleLockup/TitleLockupTitleModel.swift
index 2b957276..7541151f 100644
--- a/VDS/Components/TitleLockup/TitleLockupTitleModel.swift
+++ b/VDS/Components/TitleLockup/TitleLockupTitleModel.swift
@@ -6,6 +6,7 @@
 //
 
 import Foundation
+import UIKit
 
 extension TitleLockup {
     /// Model that represents the options available for the sub title label.
@@ -25,16 +26,21 @@ extension TitleLockup {
         /// Number of lines that will be used for the title label.
         public var numberOfLines: Int
         
+        /// LineBreakMode used in subtitle label.
+        public var lineBreakMode: NSLineBreakMode
+        
         public init(text: String,
                     textAttributes: [any LabelAttributeModel]? = nil,
                     isBold: Bool = true,
                     standardStyle: TitleStandardStyle = .featureXSmall,
-                    numberOfLines: Int = 0) {
+                    numberOfLines: Int = 0,
+                    lineBreakMode: NSLineBreakMode = .byTruncatingTail) {
             self.text = text
             self.isBold = isBold
             self.textAttributes = textAttributes
             self.standardStyle = standardStyle
             self.numberOfLines = numberOfLines
+            self.lineBreakMode = lineBreakMode
         }
 
         /// TextStyle used to render the text.
diff --git a/VDS/Extensions/VDSLayout.swift b/VDS/Extensions/VDSLayout.swift
index f30a0635..26ada9c4 100644
--- a/VDS/Extensions/VDSLayout.swift
+++ b/VDS/Extensions/VDSLayout.swift
@@ -10,7 +10,8 @@ import Foundation
 /// Represents constants used that deal with layout.
 public struct VDSLayout {
     /// Enum used to describe the spacing constants.
-    public enum Spacing: String, CaseIterable {
+    public enum Spacing: String, CaseIterable, Valuing {
+        
         case space1X
         case space2X
         case space3X
diff --git a/VDS/Protocols/DefaultValuing.swift b/VDS/Protocols/DefaultValuing.swift
new file mode 100644
index 00000000..ffeaf0eb
--- /dev/null
+++ b/VDS/Protocols/DefaultValuing.swift
@@ -0,0 +1,12 @@
+//
+//  EnumValuing.swift
+//  VDS
+//
+//  Created by Matt Bruce on 3/1/24.
+//
+
+import Foundation
+
+public protocol DefaultValuing: Valuing {
+    static var defaultValue: Self { get }
+}
diff --git a/VDS/Protocols/DropShadowable.swift b/VDS/Protocols/DropShadowable.swift
index b569ecab..120abb98 100644
--- a/VDS/Protocols/DropShadowable.swift
+++ b/VDS/Protocols/DropShadowable.swift
@@ -50,7 +50,6 @@ extension ViewProtocol where Self: UIView {
             shadowLayer.shadowPath = shadowPath.cgPath
             shadowLayer.frame = bounds
             shadowLayer.position = .init(x: bounds.midX, y: bounds.midY)
-            shadowLayer.backgroundColor = backgroundColor?.cgColor
             shadowLayer.cornerRadius = layer.cornerRadius
             shadowLayer.shadowColor =  config.shadowColorConfiguration.getColor(self).cgColor
             shadowLayer.shadowOpacity = Float(config.shadowOpacityConfiguration.value(for: self))
@@ -86,4 +85,8 @@ extension ViewProtocol where Self: UIView {
     func removeGradientLayer() {
         layer.sublayers?.removeAll { $0.name == "gradientLayer" }
     }
+    
+    //Helper variables to get gradient & shadow layers. These are exposed to update frame of layers when view's frame is updated.
+    var dropShadowLayers: [CALayer]? { layer.sublayers?.filter { $0.name == "dropShadowLayer" } }
+    var gradientLayers: [CAGradientLayer]? { layer.sublayers?.filter { $0.name == "gradientLayer" } as? [CAGradientLayer] }
 }
diff --git a/VDS/Protocols/EnumSubset.swift b/VDS/Protocols/EnumSubset.swift
index a690fca3..831ce1fb 100644
--- a/VDS/Protocols/EnumSubset.swift
+++ b/VDS/Protocols/EnumSubset.swift
@@ -7,7 +7,7 @@
 
 import Foundation
 
-public protocol EnumSubset<T>: RawRepresentable, CaseIterable {
+public protocol EnumSubset<T>: RawRepresentable, CaseIterable, Valuing {
     associatedtype T:RawRepresentable
     var defaultValue: T { get }
 }
diff --git a/VDS/Protocols/Valuing.swift b/VDS/Protocols/Valuing.swift
new file mode 100644
index 00000000..61cea9e8
--- /dev/null
+++ b/VDS/Protocols/Valuing.swift
@@ -0,0 +1,13 @@
+//
+//  Valuing.swift
+//  VDS
+//
+//  Created by Matt Bruce on 3/1/24.
+//
+
+import Foundation
+
+public protocol Valuing {
+    associatedtype ValueType
+    var value: ValueType { get }
+}

From 90976d773a60b6ec30fb6a74dde1a218d0126471 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Tue, 26 Mar 2024 12:43:09 -0500
Subject: [PATCH 23/33] renamed protocol

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/TextFields/EntryFieldBase.swift | 2 +-
 VDS/Protocols/FormFieldable.swift              | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/VDS/Components/TextFields/EntryFieldBase.swift b/VDS/Components/TextFields/EntryFieldBase.swift
index 5f74e2f7..5d8957fe 100644
--- a/VDS/Components/TextFields/EntryFieldBase.swift
+++ b/VDS/Components/TextFields/EntryFieldBase.swift
@@ -13,7 +13,7 @@ import Combine
 
 /// Base Class used to build out a Input controls.
 @objc(VDSEntryField)
-open class EntryFieldBase: Control, Changeable, FormFieldValidatable {
+open class EntryFieldBase: Control, Changeable, FormFieldInternalValidatable {
     
     //--------------------------------------------------
     // MARK: - Initializers
diff --git a/VDS/Protocols/FormFieldable.swift b/VDS/Protocols/FormFieldable.swift
index be7ce3ba..70a69ee5 100644
--- a/VDS/Protocols/FormFieldable.swift
+++ b/VDS/Protocols/FormFieldable.swift
@@ -19,7 +19,7 @@ public protocol FormFieldable {
 }
 
 /// Protocol for FormFieldable that require internal validation.
-public protocol FormFieldValidatable: FormFieldable {
+public protocol FormFieldInternalValidatable: FormFieldable {
     /// Is there an internalError
     var hasInternalError: Bool { get }
     /// Internal Error Message that will show.
@@ -66,7 +66,6 @@ public struct AnyRule<ValueType>: Rule {
     }
 }
 
-
 /// Generic Validator for a specific FormFieldable.
 public class FormFieldValidator<Field:FormFieldable>: FormFieldValidatorable{
     public var field: Field

From 620fb1e43bec6b831433941dc7b86c19f35b85c2 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Tue, 26 Mar 2024 12:48:08 -0500
Subject: [PATCH 24/33] udpated logic

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/TextFields/TextArea/TextArea.swift | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/VDS/Components/TextFields/TextArea/TextArea.swift b/VDS/Components/TextFields/TextArea/TextArea.swift
index 57222496..b5fada0c 100644
--- a/VDS/Components/TextFields/TextArea/TextArea.swift
+++ b/VDS/Components/TextFields/TextArea/TextArea.swift
@@ -206,13 +206,8 @@ open class TextArea: EntryFieldBase {
             widthConstraint?.isActive = false
             minWidthConstraint?.isActive = true
         }
-        
-        let characterError = getCharacterCounterText()
-        if let maxLength, maxLength > 0 {
-            characterCounterLabel.text = characterError
-        } else {
-            characterCounterLabel.text =  ""
-        }
+
+        characterCounterLabel.text =  getCharacterCounterText()
         
         icon.size = .medium
         icon.color = iconColorConfiguration.getColor(self)

From 4fb19306177d9eb11151eb2d0fb148f077787921 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 09:47:13 -0500
Subject: [PATCH 25/33] updated removed code, call super

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/Breadcrumbs/BreadcrumbItem.swift | 6 +-----
 1 file changed, 1 insertion(+), 5 deletions(-)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
index f561dd4d..288b0be6 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
@@ -91,12 +91,8 @@ open class BreadcrumbItem: ButtonBase {
     
     /// Used to update any Accessibility properties.
     open override func updateAccessibility() {
+        super.updateAccessibility()
         accessibilityLabel = "Breadcrumb \(text ?? "")"
-        if isEnabled {
-            accessibilityTraits.remove(.notEnabled)
-        } else {
-            accessibilityTraits.insert(.notEnabled)
-        }
     }
     
 }

From 81b4bd3935a91eda539352010c5ae7be604f7c41 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 09:47:24 -0500
Subject: [PATCH 26/33] remove previous views in stack

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
index b1cf4c2b..939f7573 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
@@ -68,6 +68,9 @@ final class BreadcrumbCellItem: UICollectionViewCell {
         separator.surface = surface
         breadCrumbItem.surface = surface
         
+        //remove previous views
+        stackView.arrangedSubviews.forEach { $0.removeFromSuperview() }
+        
         //add to stack
         stackView.addArrangedSubview(separator)
         stackView.addArrangedSubview(breadCrumbItem)

From 7cc64b2a2381771db66b2ab83c276d6db9b96c3b Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 10:32:04 -0500
Subject: [PATCH 27/33] updated intrinsicContentSize

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/Breadcrumbs/BreadcrumbItem.swift | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
index 288b0be6..6d3bf86d 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
@@ -44,9 +44,15 @@ open class BreadcrumbItem: ButtonBase {
         
     /// The natural size for the receiving view, considering only properties of the view itself.
     open override var intrinsicContentSize: CGSize {
-        return titleLabel?.intrinsicContentSize ?? super.intrinsicContentSize
+        guard let titleLabel else { return super.intrinsicContentSize }
+        // Calculate the titleLabel's intrinsic content size
+        let labelSize = titleLabel.sizeThatFits(CGSize(width: self.frame.width, height: CGFloat.greatestFiniteMagnitude))
+        // Adjust the size if needed (add any additional padding if your design requires)
+        let adjustedSize = CGSize(width: labelSize.width + contentEdgeInsets.left + contentEdgeInsets.right,
+                                  height: labelSize.height + contentEdgeInsets.top + contentEdgeInsets.bottom)
+        return adjustedSize
     }
-           
+
     //--------------------------------------------------
     // MARK: - Private Properties
     //--------------------------------------------------

From c60c4541a86be6d1d5288c60874d6057f6749153 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 14:38:53 -0500
Subject: [PATCH 28/33] only make them 1 liner buttons for now until I can come
 up with a better solution

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/Breadcrumbs/BreadcrumbItem.swift | 2 --
 1 file changed, 2 deletions(-)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
index 6d3bf86d..d549dd9a 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbItem.swift
@@ -72,8 +72,6 @@ open class BreadcrumbItem: ButtonBase {
         isAccessibilityElement = true
         accessibilityTraits = .link
         contentHorizontalAlignment = .leading
-        titleLabel?.numberOfLines = 0
-        titleLabel?.lineBreakMode = .byWordWrapping
     }
 
     /// Used to make changes to the View based off a change events or from local properties.

From 335e2825f0917d037526f93c9af4a8aa19b7b9b0 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 14:39:18 -0500
Subject: [PATCH 29/33] deleted flow layout

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS.xcodeproj/project.pbxproj                 |  8 ++---
 .../Breadcrumbs/BreadcrumbsFlowLayout.swift   | 31 -------------------
 2 files changed, 2 insertions(+), 37 deletions(-)
 delete mode 100644 VDS/Components/Breadcrumbs/BreadcrumbsFlowLayout.swift

diff --git a/VDS.xcodeproj/project.pbxproj b/VDS.xcodeproj/project.pbxproj
index 7c65a8b0..40a96b5a 100644
--- a/VDS.xcodeproj/project.pbxproj
+++ b/VDS.xcodeproj/project.pbxproj
@@ -23,9 +23,9 @@
 		710607952B91A99500F2863F /* TitleletChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 710607942B91A99500F2863F /* TitleletChangeLog.txt */; };
 		7115BD3C2B84C0C200E0A610 /* TileContainerChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */; };
 		71ACE89C2BA0451200FB6ADC /* PaginationContainer.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71ACE89B2BA0451200FB6ADC /* PaginationContainer.swift */; };
+		71ACE89E2BA1CC1700FB6ADC /* TiletEyebrowModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */; };
 		71B23C2D2B91FA690027F7D9 /* Pagination.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71B23C2C2B91FA690027F7D9 /* Pagination.swift */; };
 		71B5FCBB2B95A0CA00269BCC /* PaginationChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 71B5FCBA2B95A0CA00269BCC /* PaginationChangeLog.txt */; };
-		71ACE89E2BA1CC1700FB6ADC /* TiletEyebrowModel.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */; };
 		71BFA70A2B7F70E6000DCE33 /* DropShadowable.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71BFA7092B7F70E6000DCE33 /* DropShadowable.swift */; };
 		71C02B382B7BD98F00E93E66 /* NotificationChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = 71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */; };
 		71FC86DA2B96F44C00700965 /* PaginationButton.swift in Sources */ = {isa = PBXBuildFile; fileRef = 71FC86D92B96F44C00700965 /* PaginationButton.swift */; };
@@ -165,7 +165,6 @@
 		EAEEECAF2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt in Resources */ = {isa = PBXBuildFile; fileRef = EAEEECAE2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt */; };
 		EAF1FE9929D4850E00101452 /* Clickable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF1FE9829D4850E00101452 /* Clickable.swift */; };
 		EAF1FE9B29DB1A6000101452 /* Changeable.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF1FE9A29DB1A6000101452 /* Changeable.swift */; };
-		EAF4A6A12BAC8B94006BCC2C /* BreadcrumbsFlowLayout.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF4A6A02BAC8B94006BCC2C /* BreadcrumbsFlowLayout.swift */; };
 		EAF7F0952899861000B287F5 /* CheckboxItem.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF7F0932899861000B287F5 /* CheckboxItem.swift */; };
 		EAF7F09A2899B17200B287F5 /* CATransaction.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF7F0992899B17200B287F5 /* CATransaction.swift */; };
 		EAF7F0A0289AB7EC00B287F5 /* View.swift in Sources */ = {isa = PBXBuildFile; fileRef = EAF7F09F289AB7EC00B287F5 /* View.swift */; };
@@ -211,9 +210,9 @@
 		710607942B91A99500F2863F /* TitleletChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TitleletChangeLog.txt; sourceTree = "<group>"; };
 		7115BD3B2B84C0C200E0A610 /* TileContainerChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = TileContainerChangeLog.txt; sourceTree = "<group>"; };
 		71ACE89B2BA0451200FB6ADC /* PaginationContainer.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PaginationContainer.swift; sourceTree = "<group>"; };
+		71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TiletEyebrowModel.swift; sourceTree = "<group>"; };
 		71B23C2C2B91FA690027F7D9 /* Pagination.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Pagination.swift; sourceTree = "<group>"; };
 		71B5FCBA2B95A0CA00269BCC /* PaginationChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = PaginationChangeLog.txt; sourceTree = "<group>"; };
-		71ACE89D2BA1CC1700FB6ADC /* TiletEyebrowModel.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = TiletEyebrowModel.swift; sourceTree = "<group>"; };
 		71BFA7092B7F70E6000DCE33 /* DropShadowable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = DropShadowable.swift; sourceTree = "<group>"; };
 		71C02B372B7BD98F00E93E66 /* NotificationChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = NotificationChangeLog.txt; sourceTree = "<group>"; };
 		71FC86D92B96F44C00700965 /* PaginationButton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = PaginationButton.swift; sourceTree = "<group>"; };
@@ -355,7 +354,6 @@
 		EAEEECAE2B1FC2BA00531FC2 /* ToggleViewChangeLog.txt */ = {isa = PBXFileReference; lastKnownFileType = text; path = ToggleViewChangeLog.txt; sourceTree = "<group>"; };
 		EAF1FE9829D4850E00101452 /* Clickable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Clickable.swift; sourceTree = "<group>"; };
 		EAF1FE9A29DB1A6000101452 /* Changeable.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = Changeable.swift; sourceTree = "<group>"; };
-		EAF4A6A02BAC8B94006BCC2C /* BreadcrumbsFlowLayout.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = BreadcrumbsFlowLayout.swift; sourceTree = "<group>"; };
 		EAF7F0932899861000B287F5 /* CheckboxItem.swift */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.swift; path = CheckboxItem.swift; sourceTree = "<group>"; };
 		EAF7F0992899B17200B287F5 /* CATransaction.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = CATransaction.swift; sourceTree = "<group>"; };
 		EAF7F09F289AB7EC00B287F5 /* View.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = View.swift; sourceTree = "<group>"; };
@@ -400,7 +398,6 @@
 			isa = PBXGroup;
 			children = (
 				18A65A012B96E848006602CC /* Breadcrumbs.swift */,
-				EAF4A6A02BAC8B94006BCC2C /* BreadcrumbsFlowLayout.swift */,
 				18A65A032B96F050006602CC /* BreadcrumbItem.swift */,
 				1855EC652BAABF2A002ACAC2 /* BreadcrumbItemModel.swift */,
 				1832AC562BA0791D008AE476 /* BreadcrumbCellItem.swift */,
@@ -1139,7 +1136,6 @@
 				71FC86DA2B96F44C00700965 /* PaginationButton.swift in Sources */,
 				EABFEB642A26473700C4C106 /* NSAttributedString.swift in Sources */,
 				EAF7F13328A2A16500B287F5 /* AttachmentLabelAttributeModel.swift in Sources */,
-				EAF4A6A12BAC8B94006BCC2C /* BreadcrumbsFlowLayout.swift in Sources */,
 				EA0FC2C62914222900DF80B4 /* ButtonGroup.swift in Sources */,
 				EA89200628B526D6006B9984 /* CheckboxGroup.swift in Sources */,
 				EA8E40932A82889500934ED3 /* TooltipDialog.swift in Sources */,
diff --git a/VDS/Components/Breadcrumbs/BreadcrumbsFlowLayout.swift b/VDS/Components/Breadcrumbs/BreadcrumbsFlowLayout.swift
deleted file mode 100644
index d6daf151..00000000
--- a/VDS/Components/Breadcrumbs/BreadcrumbsFlowLayout.swift
+++ /dev/null
@@ -1,31 +0,0 @@
-//
-//  BreadcrumsFlowLayout.swift
-//  VDS
-//
-//  Created by Matt Bruce on 3/21/24.
-//
-
-import Foundation
-import UIKit
-
-class BreadcrumbsFlowLayout: UICollectionViewFlowLayout {
-
-    override func layoutAttributesForElements(in rect: CGRect) -> [UICollectionViewLayoutAttributes]? {
-        let attributes = super.layoutAttributesForElements(in: rect)
-
-        var leftMargin = sectionInset.left
-        var maxY: CGFloat = -1.0
-        attributes?.forEach { layoutAttribute in
-            if layoutAttribute.frame.origin.y >= maxY {
-                leftMargin = sectionInset.left
-            }
-
-            layoutAttribute.frame.origin.x = leftMargin
-
-            leftMargin += layoutAttribute.frame.width + minimumInteritemSpacing
-            maxY = max(layoutAttribute.frame.maxY , maxY)
-        }
-
-        return attributes
-    }
-}

From 516674f17e77d6587573274c8339595d4fbd0f8e Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 14:39:53 -0500
Subject: [PATCH 30/33] removed unneccessary enum and replace with axis

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 .../Buttons/ButtonGroup/ButtonGroupConstants.swift         | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/VDS/Components/Buttons/ButtonGroup/ButtonGroupConstants.swift b/VDS/Components/Buttons/ButtonGroup/ButtonGroupConstants.swift
index 150b8928..3e02465c 100644
--- a/VDS/Components/Buttons/ButtonGroup/ButtonGroupConstants.swift
+++ b/VDS/Components/Buttons/ButtonGroup/ButtonGroupConstants.swift
@@ -6,21 +6,18 @@
 //
 
 import Foundation
+import UIKit
 
 struct ButtonGroupConstants {
     static let defaultSpace = 12.0
     
-    enum ButtonSpacingAxis {
-        case horizontal, vertical
-    }
-    
     /// This will determine the spacing that will go between 2 ButtonBases either horizontally or vertically
     /// - Parameters:
     ///   - axis: horizontal/vertical
     ///   - primary: first ButtonBase
     ///   - neighboring: next ButtonBase based off of axis
     /// - Returns: float value
-    static func getSpacing(for axis: ButtonSpacingAxis, with primary: ButtonBase, neighboring: ButtonBase) -> CGFloat {
+    static func getSpacing(for axis: NSLayoutConstraint.Axis, with primary: ButtonBase, neighboring: ButtonBase) -> CGFloat {
 
         //large button
         if let button = primary as? Button, button.size == .large {

From d22a7a12b6c4834158b9669bae721b16cc337cfb Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 14:40:05 -0500
Subject: [PATCH 31/33] refactor to allow custom spacing

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 .../ButtonGroupPositionLayout.swift           | 22 ++++++++++++++++---
 1 file changed, 19 insertions(+), 3 deletions(-)

diff --git a/VDS/Components/Buttons/ButtonGroup/ButtonGroupPositionLayout.swift b/VDS/Components/Buttons/ButtonGroup/ButtonGroupPositionLayout.swift
index f4ccf276..5d3a339f 100644
--- a/VDS/Components/Buttons/ButtonGroup/ButtonGroupPositionLayout.swift
+++ b/VDS/Components/Buttons/ButtonGroup/ButtonGroupPositionLayout.swift
@@ -146,6 +146,8 @@ class ButtonLayoutAttributes: UICollectionViewLayoutAttributes{
 class ButtonGroupPositionLayout: UICollectionViewLayout {
     
     weak var delegate: ButtongGroupPositionLayoutDelegate?
+    var verticalSpacer: ((ButtonCollectionViewRow, ButtonCollectionViewRow?) -> CGFloat)?
+    var axisSpacer: ((NSLayoutConstraint.Axis, ButtonBase, ButtonBase) -> CGFloat)?
     
     // Total height of the content. Will be used to configure the scrollview content
     var layoutHeight: CGFloat = 0.0
@@ -154,7 +156,7 @@ class ButtonGroupPositionLayout: UICollectionViewLayout {
     var buttonPercentage: CGFloat?
     
     private var itemCache: [ButtonLayoutAttributes] = []
-    
+
     override func prepare() {
         super.prepare()
                 
@@ -226,7 +228,7 @@ class ButtonGroupPositionLayout: UICollectionViewLayout {
                 let neighbor = delegate.collectionView(collectionView, buttonBaseAtIndexPath: IndexPath(item: nextItem, section: section))
                 
                 // get the spacing to go between the current and next button
-                itemSpacing = ButtonGroupConstants.getSpacing(for: .horizontal, with: itemButtonBase, neighboring: neighbor)
+                itemSpacing = getAxisSpacing(for: .horizontal, with: itemButtonBase, neighboring: neighbor)
             }
             
             // create the custom layout attribute
@@ -255,7 +257,7 @@ class ButtonGroupPositionLayout: UICollectionViewLayout {
                         
             if item > 0 {
                 let prevRow = rows[item - 1]
-                rowSpacing = ButtonGroupConstants.getVerticalSpacing(for: prevRow, neighboringRow: row)
+                rowSpacing = getVerticalSpacing(for: prevRow, neighboringRow: row)
                 row.rowY = layoutHeight + rowSpacing
                 layoutHeight += rowSpacing
             }
@@ -300,5 +302,19 @@ class ButtonGroupPositionLayout: UICollectionViewLayout {
         }
         return collectionView.bounds.width
     }
+    
+    private func getAxisSpacing(for axis: NSLayoutConstraint.Axis, with primary: ButtonBase, neighboring: ButtonBase) -> CGFloat {
+        guard let axisSpacer else {
+            return ButtonGroupConstants.getSpacing(for: axis, with: primary, neighboring: neighboring)
+        }
+        return axisSpacer(axis, primary, neighboring)
+    }
+    
+    private func getVerticalSpacing(for row: ButtonCollectionViewRow, neighboringRow: ButtonCollectionViewRow?) -> CGFloat {
+        guard let verticalSpacer else {
+            return ButtonGroupConstants.getVerticalSpacing(for: row, neighboringRow: neighboringRow)
+        }
+        return verticalSpacer(row, neighboringRow)
+    }
 }
 

From 17883b78530f56c3f695e9dfc56aad3c9c039ebe Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 14:41:21 -0500
Subject: [PATCH 32/33] added compression/hugging

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift b/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
index 939f7573..bd04304c 100644
--- a/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
+++ b/VDS/Components/Breadcrumbs/BreadcrumbCellItem.swift
@@ -24,6 +24,8 @@ final class BreadcrumbCellItem: UICollectionViewCell {
             $0.distribution = .fill
             $0.alignment = .fill
             $0.spacing = VDSLayout.Spacing.space1X.value
+            $0.setContentCompressionResistancePriority(.defaultHigh, for: .horizontal)
+            $0.setContentHuggingPriority(.defaultHigh, for: .horizontal)
         }
     }()
     
@@ -67,7 +69,9 @@ final class BreadcrumbCellItem: UICollectionViewCell {
         //update surface
         separator.surface = surface
         breadCrumbItem.surface = surface
-        
+        breadCrumbItem.setContentCompressionResistancePriority(.defaultLow, for: .horizontal)
+        breadCrumbItem.setContentHuggingPriority(.defaultLow, for: .horizontal)
+
         //remove previous views
         stackView.arrangedSubviews.forEach { $0.removeFromSuperview() }
         
@@ -79,7 +83,6 @@ final class BreadcrumbCellItem: UICollectionViewCell {
         //update separator
         separator.textColor = textColorConfiguration.getColor(surface)
         separator.isHidden = hideSlash
-        
         self.breadCrumbItem = breadCrumbItem
         layoutIfNeeded()
     }

From 68e489ceea7dbdedb549ca02e8afbd7e1cf360e1 Mon Sep 17 00:00:00 2001
From: Matt Bruce <matt.bruce@verizon.com>
Date: Wed, 27 Mar 2024 14:43:30 -0500
Subject: [PATCH 33/33] refactored to use updated ButtonGroupPositionLayout

Signed-off-by: Matt Bruce <matt.bruce@verizon.com>
---
 VDS/Components/Breadcrumbs/Breadcrumbs.swift | 33 ++++++++++++++------
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/VDS/Components/Breadcrumbs/Breadcrumbs.swift b/VDS/Components/Breadcrumbs/Breadcrumbs.swift
index 0ed7585d..2dd14d18 100644
--- a/VDS/Components/Breadcrumbs/Breadcrumbs.swift
+++ b/VDS/Components/Breadcrumbs/Breadcrumbs.swift
@@ -47,14 +47,17 @@ open class Breadcrumbs: View {
     //--------------------------------------------------
     // MARK: - Private Properties
     //--------------------------------------------------
-    let layout: UICollectionViewFlowLayout = BreadcrumbsFlowLayout().with {
-        $0.estimatedItemSize = UICollectionViewFlowLayout.automaticSize
-        $0.minimumInteritemSpacing = VDSLayout.Spacing.space1X.value
-        $0.minimumLineSpacing = VDSLayout.Spacing.space1X.value
-        $0.sectionInset = .zero
-        $0.scrollDirection = .vertical
+    fileprivate lazy var layout = ButtonGroupPositionLayout().with {
+        $0.position = .left
+        $0.delegate = self
+        $0.axisSpacer = { _, _, _ in
+            return VDSLayout.Spacing.space1X.value
+        }
+        $0.verticalSpacer = { _, _ in
+            return VDSLayout.Spacing.space1X.value
+        }
     }
-    
+
     ///Collectionview to render Breadcrumb Items
     private lazy var collectionView: SelfSizingCollectionView = {
         let collectionView = SelfSizingCollectionView(frame: .zero, collectionViewLayout: layout)
@@ -134,9 +137,10 @@ open class Breadcrumbs: View {
             self.collectionView.collectionViewLayout.invalidateLayout()
         }   
     }
+    private var separatorWidth = Label().with { $0.text = "/"; $0.sizeToFit() }.intrinsicContentSize.width
 }
 
-extension Breadcrumbs: UICollectionViewDelegate, UICollectionViewDataSource {
+extension Breadcrumbs: UICollectionViewDelegate, UICollectionViewDataSource, ButtongGroupPositionLayoutDelegate {
     //--------------------------------------------------
     // MARK: - UICollectionView Delegate & Datasource
     //--------------------------------------------------
@@ -150,5 +154,16 @@ extension Breadcrumbs: UICollectionViewDelegate, UICollectionViewDataSource {
         cell.update(surface: surface, hideSlash: hideSlash, breadCrumbItem: breadcrumbs[indexPath.row])
         return cell
     }
-    
+
+    public func collectionView(_ collectionView: UICollectionView, sizeForItemAtIndexPath indexPath: IndexPath) -> CGSize {
+        let breadcrumb = breadcrumbs[indexPath.row]
+        let intrinsicSize = breadcrumb.intrinsicContentSize
+        let separatorFullWidth: CGFloat = indexPath.row == 0 ? 0 : VDSLayout.Spacing.space1X.value + separatorWidth
+        let cellwidth = intrinsicSize.width + separatorFullWidth
+        return .init(width: min(cellwidth, collectionView.frame.width), height: intrinsicSize.height)
+    }
+
+    public func collectionView(_ collectionView: UICollectionView, buttonBaseAtIndexPath indexPath: IndexPath) -> ButtonBase {
+        breadcrumbs[indexPath.row]
+    }
 }