com.raquo.laminar.keys.ReactiveHtmlAttr.scala Maven / Gradle / Ivy

Go to download

Show more of this group Show more artifacts with this name
Show all versions of laminar_sjs0.6_2.11 Show documentation

Laminar

The newest version!

package com.raquo.laminar.keys

import com.raquo.airstream.core.Observable
import com.raquo.dombuilder.generic.modifiers.Setter
import com.raquo.domtypes.generic.Modifier
import com.raquo.domtypes.generic.codecs.Codec
import com.raquo.domtypes.generic.keys.HtmlAttr
import com.raquo.laminar.DomApi
import com.raquo.laminar.api.Laminar.HtmlElement

class ReactiveHtmlAttr[V](
  override val name: String,
  override val codec: Codec[V, String]
) extends HtmlAttr[V](name, codec) { self =>

  @inline def apply(value: V): Modifier[HtmlElement] = {
    :=(value)
  }

  def :=(value: V): Modifier[HtmlElement] = {
    new Setter[ReactiveHtmlAttr[V], V, HtmlElement](this, value, DomApi.htmlElementApi.setHtmlAttribute)
  }

  // @TODO[Performance] Is this encoded efficiently in Scala.js? Note the `self`.
  def <--($value: Observable[V]): Modifier[HtmlElement] = {
    new Modifier[HtmlElement] {
      override def apply(element: HtmlElement): Unit = {
        element.subscribe($value) { value =>
          DomApi.htmlElementApi.setHtmlAttribute(element, self, value)
        }
      }
    }
  }

}