fix(esl-footnotes): fix esl-tooltip related to the note does not perc…

…eive dir and lang of original content
exadel-inc · Jul 13, 2023 · e506d0d · e506d0d
1 parent bc30d41
commit e506d0d
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/modules/esl-footnotes/core/esl-note.ts b/src/modules/esl-footnotes/core/esl-note.ts
@@ -102,6 +102,17 @@ export class ESLNote extends ESLBaseElement {
     return ESLMediaQuery.for(ignore);
   }
 
+  /** The text writing directionality of the element */
+  protected get currentDir(): string {
+    return getComputedStyle(this).direction;
+  }
+
+  /** The base language of the element */
+  protected get currentLang(): string {
+    const el = this.closest('[lang]');
+    return (el) ? (el as HTMLElement).lang : '';
+  }
+
   @ready
   protected override connectedCallback(): void {
     this.init();
@@ -208,6 +219,8 @@ export class ESLNote extends ESLBaseElement {
       activator: this,
       containerEl,
       html: this.html,
+      dir: this.currentDir,
+      lang: this.currentLang,
       intersectionMargin: this.intersectionMargin
     }, ...params);
   }

diff --git a/src/modules/esl-tooltip/core/esl-tooltip.ts b/src/modules/esl-tooltip/core/esl-tooltip.ts
@@ -13,6 +13,10 @@ export interface TooltipActionParams extends PopupActionParams {
   text?: string;
   /** html content to be shown */
   html?: string;
+  /** text directionality of tooltips content */
+  dir?: string;
+  /** language of tooltips text content */
+  lang?: string;
   /** tooltip without arrow */
   disableArrow?: boolean;
 }
@@ -92,6 +96,8 @@ export class ESLTooltip extends ESLPopup {
     if (params.html) {
       this.innerHTML = params.html;
     }
+    this.dir = params.dir || '';
+    this.lang = params.lang || '';
     if (params.extraClass) {
       CSSClassUtils.add(this, params.extraClass);
     }