ios/web/annotations/resources/text_styler.ts

// Copyright 2023 The Chromium Authors
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

/**
 * @fileoverview Handle styling a 'CHROME_ANNOTATION' element.
 */

// Class to add style to annotations `Element`.
class TextStyler {
  static DECORATION_STYLES = 'border-bottom-width: 1px; ' +
      'border-bottom-style: dotted; ' +
      'background-color: transparent';
  static DECORATION_STYLES_FOR_PHONE_AND_EMAIL = 'border-bottom-width: 1px; ' +
      'border-bottom-style: solid; ' +
      'background-color: transparent';
  static DECORATION_DEFAULT_COLOR = 'blue';

  // Adds style on given `element`.
  style(parentNode: Node, element: HTMLElement, type: string): void {
    let textColor: string = TextStyler.DECORATION_DEFAULT_COLOR;
    if (parentNode instanceof Element) {
      textColor = window.getComputedStyle(parentNode).color || textColor;
    }

    if (type === 'PHONE_NUMBER' || type === 'EMAIL') {
      element.style.cssText = TextStyler.DECORATION_STYLES_FOR_PHONE_AND_EMAIL;
    } else {
      element.style.cssText = TextStyler.DECORATION_STYLES;
    }

    element.style.borderBottomColor = textColor;
    element.setAttribute('role', 'link');
  }
}

export {
  TextStyler,
}