szn-tethered.js
function updatePosition(instance, tetherBounds) {
    const x = tetherBounds.x + (instance.horizontalAlignment === HORIZONTAL_ALIGN.LEFT ? 0 : tetherBounds.width)
    const y = tetherBounds.y + (instance.verticalAlignment === VERTICAL_ALIGN.TOP ? 0 : tetherBounds.height)

    if (transformsSupported) {
      instance._root.style.transform = `translate(${x}px, ${y}px)`
    } else {
      instance._root.style.left = `${x}px`
      instance._root.style.top = `${y}px`
    }
  }
function updatePosition(instance, tetherBounds) {
    const x = tetherBounds.x + (instance.horizontalAlignment === HORIZONTAL_ALIGN.LEFT ? 0 : tetherBounds.width)
    const y = tetherBounds.y + (instance.verticalAlignment === VERTICAL_ALIGN.TOP ? 0 : tetherBounds.height)

    if (transformsSupported) {
      instance._root.style.transform = `translate(${x}px, ${y}px)`
    } else {
      instance._root.style.left = `${x}px`
      instance._root.style.top = `${y}px`
    }
  }
function updatePosition ( instance , tetherBounds ) { const x = tetherBounds . x + ( instance . horizontalAlignment === HORIZONTAL_ALIGN . LEFT ? 0 : tetherBounds . width ) const y = tetherBounds . y + ( instance . verticalAlignment === VERTICAL_ALIGN . TOP ? 0 : tetherBounds . height ) if ( transformsSupported ) { instance . _root . style . transform = ` ${ x } ${ y } ` } else { instance . _root . style . left = ` ${ x } ` instance . _root . style . top = ` ${ y } ` } }
Updates the position of the szn-tethered element according to the current tethering alignment and the provided
bounds of the tethering element.

@param {SznElements.SznTethered} instance The szn-tethered element instance.
@param {TetherBounds} tetherBounds The bounds (location and size) of the tethering element.
Updates the position of the szn - tethered element according to the current tethering alignment and the provided bounds of the tethering element .