@octane-xplat/lottie 0.0.1 → 0.10.0

package/platforms/macos/src/vendor/Lottie/Private/MainThread/NodeRenderSystem/Nodes/RenderNodes/GradientStrokeNode.swift

@@ -0,0 +1,149 @@
+//
+//  GradientStrokeNode.swift
+//  lottie-swift
+//
+//  Created by Brandon Withrow on 1/23/19.
+//
+
+import CoreGraphics
+import Foundation
+
+// MARK: - GradientStrokeProperties
+
+final class GradientStrokeProperties: NodePropertyMap, KeypathSearchable {
+
+  // MARK: Lifecycle
+
+  init(gradientStroke: GradientStroke) {
+    keypathName = gradientStroke.name
+    opacity = NodeProperty(provider: KeyframeInterpolator(keyframes: gradientStroke.opacity.keyframes))
+    startPoint = NodeProperty(provider: KeyframeInterpolator(keyframes: gradientStroke.startPoint.keyframes))
+    endPoint = NodeProperty(provider: KeyframeInterpolator(keyframes: gradientStroke.endPoint.keyframes))
+    colors = NodeProperty(provider: KeyframeInterpolator(keyframes: gradientStroke.colors.keyframes))
+    gradientType = gradientStroke.gradientType
+    numberOfColors = gradientStroke.numberOfColors
+    width = NodeProperty(provider: KeyframeInterpolator(keyframes: gradientStroke.width.keyframes))
+    miterLimit = CGFloat(gradientStroke.miterLimit)
+    lineCap = gradientStroke.lineCap
+    lineJoin = gradientStroke.lineJoin
+
+    if let dashes = gradientStroke.dashPattern {
+      var dashPatterns = ContiguousArray<ContiguousArray<Keyframe<LottieVector1D>>>()
+      var dashPhase = ContiguousArray<Keyframe<LottieVector1D>>()
+      for dash in dashes {
+        if dash.type == .offset {
+          dashPhase = dash.value.keyframes
+        } else {
+          dashPatterns.append(dash.value.keyframes)
+        }
+      }
+      dashPattern = NodeProperty(provider: GroupInterpolator(keyframeGroups: dashPatterns))
+      self.dashPhase = NodeProperty(provider: KeyframeInterpolator(keyframes: dashPhase))
+    } else {
+      dashPattern = NodeProperty(provider: SingleValueProvider([LottieVector1D]()))
+      dashPhase = NodeProperty(provider: SingleValueProvider(LottieVector1D(0)))
+    }
+    keypathProperties = [
+      PropertyName.opacity.rawValue: opacity,
+      "Start Point": startPoint,
+      "End Point": endPoint,
+      PropertyName.gradientColors.rawValue: colors,
+      PropertyName.strokeWidth.rawValue: width,
+      "Dashes": dashPattern,
+      "Dash Phase": dashPhase,
+    ]
+    properties = Array(keypathProperties.values)
+  }
+
+  // MARK: Internal
+
+  var keypathName: String
+
+  let opacity: NodeProperty<LottieVector1D>
+  let startPoint: NodeProperty<LottieVector3D>
+  let endPoint: NodeProperty<LottieVector3D>
+  let colors: NodeProperty<[Double]>
+  let width: NodeProperty<LottieVector1D>
+
+  let dashPattern: NodeProperty<[LottieVector1D]>
+  let dashPhase: NodeProperty<LottieVector1D>
+
+  let lineCap: LineCap
+  let lineJoin: LineJoin
+  let miterLimit: CGFloat
+  let gradientType: GradientType
+  let numberOfColors: Int
+
+  let keypathProperties: [String: AnyNodeProperty]
+  let properties: [AnyNodeProperty]
+
+}
+
+// MARK: - GradientStrokeNode
+
+final class GradientStrokeNode: AnimatorNode, RenderNode {
+
+  // MARK: Lifecycle
+
+  init(parentNode: AnimatorNode?, gradientStroke: GradientStroke) {
+    strokeRender = GradientStrokeRenderer(parent: parentNode?.outputNode)
+    strokeProperties = GradientStrokeProperties(gradientStroke: gradientStroke)
+    self.parentNode = parentNode
+  }
+
+  // MARK: Internal
+
+  let strokeRender: GradientStrokeRenderer
+
+  let strokeProperties: GradientStrokeProperties
+
+  let parentNode: AnimatorNode?
+  var hasLocalUpdates = false
+  var hasUpstreamUpdates = false
+  var lastUpdateFrame: CGFloat? = nil
+
+  var renderer: NodeOutput & Renderable {
+    strokeRender
+  }
+
+  var propertyMap: NodePropertyMap & KeypathSearchable {
+    strokeProperties
+  }
+
+  var isEnabled = true {
+    didSet {
+      strokeRender.isEnabled = isEnabled
+    }
+  }
+
+  func localUpdatesPermeateDownstream() -> Bool {
+    false
+  }
+
+  func rebuildOutputs(frame _: CGFloat) {
+    /// Update gradient properties
+    strokeRender.gradientRender.start = strokeProperties.startPoint.value.pointValue
+    strokeRender.gradientRender.end = strokeProperties.endPoint.value.pointValue
+    strokeRender.gradientRender.opacity = strokeProperties.opacity.value.cgFloatValue
+    strokeRender.gradientRender.colors = strokeProperties.colors.value.map { CGFloat($0) }
+    strokeRender.gradientRender.type = strokeProperties.gradientType
+    strokeRender.gradientRender.numberOfColors = strokeProperties.numberOfColors
+
+    /// Now update stroke properties
+    strokeRender.strokeRender.opacity = strokeProperties.opacity.value.cgFloatValue
+    strokeRender.strokeRender.width = strokeProperties.width.value.cgFloatValue
+    strokeRender.strokeRender.miterLimit = strokeProperties.miterLimit
+    strokeRender.strokeRender.lineCap = strokeProperties.lineCap
+    strokeRender.strokeRender.lineJoin = strokeProperties.lineJoin
+
+    /// Get dash lengths
+    let dashLengths = strokeProperties.dashPattern.value.map { $0.cgFloatValue }
+    if dashLengths.count > 0, dashLengths.isSupportedLayerDashPattern {
+      strokeRender.strokeRender.dashPhase = strokeProperties.dashPhase.value.cgFloatValue
+      strokeRender.strokeRender.dashLengths = dashLengths
+    } else {
+      strokeRender.strokeRender.dashLengths = nil
+      strokeRender.strokeRender.dashPhase = nil
+    }
+  }
+}

package/platforms/macos/src/vendor/Lottie/Private/MainThread/NodeRenderSystem/Nodes/RenderNodes/StrokeNode.swift

@@ -0,0 +1,179 @@
+//
+//  StrokeNode.swift
+//  lottie-swift
+//
+//  Created by Brandon Withrow on 1/22/19.
+//
+
+import Foundation
+import QuartzCore
+
+// MARK: - StrokeNodeProperties
+
+final class StrokeNodeProperties: NodePropertyMap, KeypathSearchable {
+
+  // MARK: Lifecycle
+
+  init(stroke: Stroke) {
+    keypathName = stroke.name
+    color = NodeProperty(provider: KeyframeInterpolator(keyframes: stroke.color.keyframes))
+    opacity = NodeProperty(provider: KeyframeInterpolator(keyframes: stroke.opacity.keyframes))
+    width = NodeProperty(provider: KeyframeInterpolator(keyframes: stroke.width.keyframes))
+    miterLimit = CGFloat(stroke.miterLimit)
+    lineCap = stroke.lineCap
+    lineJoin = stroke.lineJoin
+
+    if let dashes = stroke.dashPattern {
+      let (dashPatterns, dashPhase) = dashes.shapeLayerConfiguration
+      dashPattern = NodeProperty(provider: GroupInterpolator(keyframeGroups: dashPatterns))
+      if dashPhase.count == 0 {
+        self.dashPhase = NodeProperty(provider: SingleValueProvider(LottieVector1D(0)))
+      } else {
+        self.dashPhase = NodeProperty(provider: KeyframeInterpolator(keyframes: dashPhase))
+      }
+    } else {
+      dashPattern = NodeProperty(provider: SingleValueProvider([LottieVector1D]()))
+      dashPhase = NodeProperty(provider: SingleValueProvider(LottieVector1D(0)))
+    }
+    keypathProperties = [
+      PropertyName.opacity.rawValue: opacity,
+      PropertyName.color.rawValue: color,
+      PropertyName.strokeWidth.rawValue: width,
+      "Dashes": dashPattern,
+      "Dash Phase": dashPhase,
+    ]
+    properties = Array(keypathProperties.values)
+  }
+
+  // MARK: Internal
+
+  let keypathName: String
+  let keypathProperties: [String: AnyNodeProperty]
+  let properties: [AnyNodeProperty]
+
+  let opacity: NodeProperty<LottieVector1D>
+  let color: NodeProperty<LottieColor>
+  let width: NodeProperty<LottieVector1D>
+
+  let dashPattern: NodeProperty<[LottieVector1D]>
+  let dashPhase: NodeProperty<LottieVector1D>
+
+  let lineCap: LineCap
+  let lineJoin: LineJoin
+  let miterLimit: CGFloat
+
+}
+
+// MARK: - StrokeNode
+
+/// Node that manages stroking a path
+final class StrokeNode: AnimatorNode, RenderNode {
+
+  // MARK: Lifecycle
+
+  init(parentNode: AnimatorNode?, stroke: Stroke) {
+    strokeRender = StrokeRenderer(parent: parentNode?.outputNode)
+    strokeProperties = StrokeNodeProperties(stroke: stroke)
+    self.parentNode = parentNode
+  }
+
+  // MARK: Internal
+
+  let strokeRender: StrokeRenderer
+
+  let strokeProperties: StrokeNodeProperties
+
+  let parentNode: AnimatorNode?
+  var hasLocalUpdates = false
+  var hasUpstreamUpdates = false
+  var lastUpdateFrame: CGFloat? = nil
+
+  var renderer: NodeOutput & Renderable {
+    strokeRender
+  }
+
+  var propertyMap: NodePropertyMap & KeypathSearchable {
+    strokeProperties
+  }
+
+  var isEnabled = true {
+    didSet {
+      strokeRender.isEnabled = isEnabled
+    }
+  }
+
+  func localUpdatesPermeateDownstream() -> Bool {
+    false
+  }
+
+  func rebuildOutputs(frame _: CGFloat) {
+    strokeRender.color = strokeProperties.color.value.cgColorValue
+    strokeRender.opacity = strokeProperties.opacity.value.cgFloatValue * 0.01
+    strokeRender.width = strokeProperties.width.value.cgFloatValue
+    strokeRender.miterLimit = strokeProperties.miterLimit
+    strokeRender.lineCap = strokeProperties.lineCap
+    strokeRender.lineJoin = strokeProperties.lineJoin
+
+    /// Get dash lengths
+    let dashLengths = strokeProperties.dashPattern.value.map { $0.cgFloatValue }
+    if dashLengths.count > 0, dashLengths.isSupportedLayerDashPattern {
+      strokeRender.dashPhase = strokeProperties.dashPhase.value.cgFloatValue
+      strokeRender.dashLengths = dashLengths
+    } else {
+      strokeRender.dashLengths = nil
+      strokeRender.dashPhase = nil
+    }
+  }
+
+}
+
+// MARK: - [DashElement] + shapeLayerConfiguration
+
+extension [DashElement] {
+  typealias ShapeLayerConfiguration = (
+    dashPatterns: ContiguousArray<ContiguousArray<Keyframe<LottieVector1D>>>,
+    dashPhase: ContiguousArray<Keyframe<LottieVector1D>>
+  )
+
+  /// Converts the `[DashElement]` data model into `lineDashPattern` and `lineDashPhase`
+  /// representations usable in a `CAShapeLayer`
+  var shapeLayerConfiguration: ShapeLayerConfiguration {
+    var dashPatterns = ContiguousArray<ContiguousArray<Keyframe<LottieVector1D>>>()
+    var dashPhase = ContiguousArray<Keyframe<LottieVector1D>>()
+    for dash in self {
+      if dash.type == .offset {
+        dashPhase = dash.value.keyframes
+      } else {
+        dashPatterns.append(dash.value.keyframes)
+      }
+    }
+
+    dashPatterns = ContiguousArray(dashPatterns.map { pattern in
+      ContiguousArray(pattern.map { keyframe -> Keyframe<LottieVector1D> in
+        // The recommended way to create a stroke of round dots, in theory,
+        // is to use a value of 0 followed by the stroke width, but for
+        // some reason Core Animation incorrectly (?) renders these as pills
+        // instead of circles. As a workaround, for parity with Lottie on other
+        // platforms, we can change `0`s to `0.01`: https://stackoverflow.com/a/38036486
+        if keyframe.value.cgFloatValue == 0 {
+          return keyframe.withValue(LottieVector1D(0.01))
+        } else {
+          return keyframe
+        }
+      })
+    })
+
+    return (dashPatterns, dashPhase)
+  }
+}
+
+extension [CGFloat] {
+  /// If all of the items in the dash pattern are zeros, then we shouldn't attempt to render it.
+  /// This causes Core Animation to have extremely poor performance for some reason, even though
+  /// it doesn't affect the appearance of the animation.
+  ///  - We check for `== 0.01` instead of `== 0` because `dashPattern.shapeLayerConfiguration`
+  ///    converts all `0` values to `0.01` to work around a different Core Animation rendering issue.
+  var isSupportedLayerDashPattern: Bool {
+    !allSatisfy { $0 == 0.01 }
+  }
+}

package/platforms/macos/src/vendor/Lottie/Private/MainThread/NodeRenderSystem/Nodes/Text/TextAnimatorNode.swift

@@ -0,0 +1,345 @@
+//
+//  TextAnimatorNode.swift
+//  lottie-ios-iOS
+//
+//  Created by Brandon Withrow on 2/19/19.
+//
+
+import QuartzCore
+
+// MARK: - TextAnimatorNodeProperties
+
+final class TextAnimatorNodeProperties: NodePropertyMap, KeypathSearchable {
+
+  // MARK: Lifecycle
+
+  init(textAnimator: TextAnimator) {
+    keypathName = textAnimator.name
+    textRangeUnit = textAnimator.textRangeUnit
+    var properties = [String: AnyNodeProperty]()
+
+    if let keyframeGroup = textAnimator.anchor {
+      anchor = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Anchor"] = anchor
+    } else {
+      anchor = nil
+    }
+
+    if let keyframeGroup = textAnimator.position {
+      position = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties[PropertyName.position.rawValue] = position
+    } else {
+      position = nil
+    }
+
+    if let keyframeGroup = textAnimator.scale {
+      scale = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties[PropertyName.scale.rawValue] = scale
+    } else {
+      scale = nil
+    }
+
+    if let keyframeGroup = textAnimator.skew {
+      skew = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Skew"] = skew
+    } else {
+      skew = nil
+    }
+
+    if let keyframeGroup = textAnimator.skewAxis {
+      skewAxis = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Skew Axis"] = skewAxis
+    } else {
+      skewAxis = nil
+    }
+
+    if let keyframeGroup = textAnimator.rotationX {
+      rotationX = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Rotation X"] = rotationX
+    } else {
+      rotationX = nil
+    }
+
+    if let keyframeGroup = textAnimator.rotationY {
+      rotationY = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Rotation Y"] = rotationY
+    } else {
+      rotationY = nil
+    }
+
+    if let keyframeGroup = textAnimator.rotationZ {
+      rotationZ = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Rotation Z"] = rotationZ
+      properties[PropertyName.rotation.rawValue] = rotationZ
+    } else {
+      rotationZ = nil
+    }
+
+    if let keyframeGroup = textAnimator.opacity {
+      opacity = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties[PropertyName.opacity.rawValue] = opacity
+    } else {
+      opacity = nil
+    }
+
+    if let keyframeGroup = textAnimator.strokeColor {
+      strokeColor = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Stroke Color"] = strokeColor
+    } else {
+      strokeColor = nil
+    }
+
+    if let keyframeGroup = textAnimator.fillColor {
+      fillColor = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Fill Color"] = fillColor
+    } else {
+      fillColor = nil
+    }
+
+    if let keyframeGroup = textAnimator.strokeWidth {
+      strokeWidth = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties[PropertyName.strokeWidth.rawValue] = strokeWidth
+    } else {
+      strokeWidth = nil
+    }
+
+    if let keyframeGroup = textAnimator.tracking {
+      tracking = NodeProperty(provider: KeyframeInterpolator(keyframes: keyframeGroup.keyframes))
+      properties["Tracking"] = tracking
+    } else {
+      tracking = nil
+    }
+
+    if let startKeyframes = textAnimator.start {
+      start = NodeProperty(provider: KeyframeInterpolator(keyframes: startKeyframes.keyframes))
+      properties["Start"] = start
+    } else {
+      start = nil
+    }
+
+    if let endKeyframes = textAnimator.end {
+      end = NodeProperty(provider: KeyframeInterpolator(keyframes: endKeyframes.keyframes))
+      properties["End"] = end
+    } else {
+      end = nil
+    }
+
+    if let selectedRangeOpacityKeyframes = textAnimator.opacity {
+      selectedRangeOpacity = NodeProperty(provider: KeyframeInterpolator(keyframes: selectedRangeOpacityKeyframes.keyframes))
+      properties["SelectedRangeOpacity"] = selectedRangeOpacity
+    } else {
+      selectedRangeOpacity = nil
+    }
+
+    keypathProperties = properties
+
+    self.properties = Array(keypathProperties.values)
+  }
+
+  // MARK: Internal
+
+  let keypathName: String
+
+  let anchor: NodeProperty<LottieVector3D>?
+  let position: NodeProperty<LottieVector3D>?
+  let scale: NodeProperty<LottieVector3D>?
+  let skew: NodeProperty<LottieVector1D>?
+  let skewAxis: NodeProperty<LottieVector1D>?
+  let rotationX: NodeProperty<LottieVector1D>?
+  let rotationY: NodeProperty<LottieVector1D>?
+  let rotationZ: NodeProperty<LottieVector1D>?
+  let opacity: NodeProperty<LottieVector1D>?
+  let strokeColor: NodeProperty<LottieColor>?
+  let fillColor: NodeProperty<LottieColor>?
+  let strokeWidth: NodeProperty<LottieVector1D>?
+  let tracking: NodeProperty<LottieVector1D>?
+  let start: NodeProperty<LottieVector1D>?
+  let end: NodeProperty<LottieVector1D>?
+  let selectedRangeOpacity: NodeProperty<LottieVector1D>?
+  let textRangeUnit: TextRangeUnit?
+
+  let keypathProperties: [String: AnyNodeProperty]
+  let properties: [AnyNodeProperty]
+
+  var caTransform: CATransform3D {
+    CATransform3D.makeTransform(
+      anchor: anchor?.value.pointValue ?? .zero,
+      position: position?.value.pointValue ?? .zero,
+      scale: scale?.value.sizeValue ?? CGSize(width: 100, height: 100),
+      rotationX: rotationX?.value.cgFloatValue ?? 0,
+      rotationY: rotationY?.value.cgFloatValue ?? 0,
+      rotationZ: rotationZ?.value.cgFloatValue ?? 0,
+      skew: skew?.value.cgFloatValue,
+      skewAxis: skewAxis?.value.cgFloatValue
+    )
+  }
+}
+
+// MARK: - TextOutputNode
+
+final class TextOutputNode: NodeOutput {
+
+  // MARK: Lifecycle
+
+  init(parent: TextOutputNode?) {
+    parentTextNode = parent
+  }
+
+  // MARK: Internal
+
+  var parentTextNode: TextOutputNode?
+  var isEnabled = true
+
+  var outputPath: CGPath?
+
+  var parent: NodeOutput? {
+    parentTextNode
+  }
+
+  var xform: CATransform3D {
+    get {
+      _xform ?? parentTextNode?.xform ?? CATransform3DIdentity
+    }
+    set {
+      _xform = newValue
+    }
+  }
+
+  var opacity: CGFloat {
+    get {
+      _opacity ?? parentTextNode?.opacity ?? 1
+    }
+    set {
+      _opacity = newValue
+    }
+  }
+
+  var strokeColor: CGColor? {
+    get {
+      _strokeColor ?? parentTextNode?.strokeColor
+    }
+    set {
+      _strokeColor = newValue
+    }
+  }
+
+  var fillColor: CGColor? {
+    get {
+      _fillColor ?? parentTextNode?.fillColor
+    }
+    set {
+      _fillColor = newValue
+    }
+  }
+
+  var tracking: CGFloat {
+    get {
+      _tracking ?? parentTextNode?.tracking ?? 0
+    }
+    set {
+      _tracking = newValue
+    }
+  }
+
+  var strokeWidth: CGFloat {
+    get {
+      _strokeWidth ?? parentTextNode?.strokeWidth ?? 0
+    }
+    set {
+      _strokeWidth = newValue
+    }
+  }
+
+  var start: CGFloat? {
+    get {
+      _start
+    }
+    set {
+      _start = newValue
+    }
+  }
+
+  var end: CGFloat? {
+    get {
+      _end
+    }
+    set {
+      _end = newValue
+    }
+  }
+
+  var selectedRangeOpacity: CGFloat? {
+    get {
+      _selectedRangeOpacity
+    }
+    set {
+      _selectedRangeOpacity = newValue
+    }
+  }
+
+  func hasOutputUpdates(_: CGFloat) -> Bool {
+    // TODO Fix This
+    true
+  }
+
+  // MARK: Fileprivate
+
+  fileprivate var _xform: CATransform3D?
+  fileprivate var _opacity: CGFloat?
+  fileprivate var _strokeColor: CGColor?
+  fileprivate var _fillColor: CGColor?
+  fileprivate var _tracking: CGFloat?
+  fileprivate var _strokeWidth: CGFloat?
+  fileprivate var _start: CGFloat?
+  fileprivate var _end: CGFloat?
+  fileprivate var _selectedRangeOpacity: CGFloat?
+}
+
+// MARK: - TextAnimatorNode
+
+final class TextAnimatorNode: AnimatorNode {
+
+  // MARK: Lifecycle
+
+  init(parentNode: TextAnimatorNode?, textAnimator: TextAnimator) {
+    textOutputNode = TextOutputNode(parent: parentNode?.textOutputNode)
+    textAnimatorProperties = TextAnimatorNodeProperties(textAnimator: textAnimator)
+    self.parentNode = parentNode
+  }
+
+  // MARK: Internal
+
+  let textOutputNode: TextOutputNode
+
+  let textAnimatorProperties: TextAnimatorNodeProperties
+
+  let parentNode: AnimatorNode?
+  var hasLocalUpdates = false
+  var hasUpstreamUpdates = false
+  var lastUpdateFrame: CGFloat? = nil
+  var isEnabled = true
+
+  var outputNode: NodeOutput {
+    textOutputNode
+  }
+
+  var propertyMap: NodePropertyMap & KeypathSearchable {
+    textAnimatorProperties
+  }
+
+  func localUpdatesPermeateDownstream() -> Bool {
+    true
+  }
+
+  func rebuildOutputs(frame _: CGFloat) {
+    textOutputNode.xform = textAnimatorProperties.caTransform
+    textOutputNode.opacity = 1.0
+    textOutputNode.strokeColor = textAnimatorProperties.strokeColor?.value.cgColorValue
+    textOutputNode.fillColor = textAnimatorProperties.fillColor?.value.cgColorValue
+    textOutputNode.tracking = textAnimatorProperties.tracking?.value.cgFloatValue ?? 1
+    textOutputNode.strokeWidth = textAnimatorProperties.strokeWidth?.value.cgFloatValue ?? 0
+    textOutputNode.start = textAnimatorProperties.start?.value.cgFloatValue
+    textOutputNode.end = textAnimatorProperties.end?.value.cgFloatValue
+    textOutputNode.selectedRangeOpacity = (textAnimatorProperties.opacity?.value.cgFloatValue).flatMap { $0 * 0.01 }
+  }
+}