@oat-sa/tao-core-ui 3.18.6 → 3.19.0

package/dist/resizeObserver.js

@@ -0,0 +1,91 @@
+define(['jquery'], function ($) { 'use strict';
+
+    $ = $ && Object.prototype.hasOwnProperty.call($, 'default') ? $['default'] : $;
+
+    /**
+     * This program is free software; you can redistribute it and/or
+     * modify it under the terms of the GNU General Public License
+     * as published by the Free Software Foundation; under version 2
+     * of the License (non-upgradable).
+     *
+     * This program is distributed in the hope that it will be useful,
+     * but WITHOUT ANY WARRANTY; without even the implied warranty of
+     * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+     * GNU General Public License for more details.
+     *
+     * You should have received a copy of the GNU General Public License
+     * along with this program; if not, write to the Free Software
+     * Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
+     *
+     * Copyright (c) 2026 (original work) Open Assessment Technologies SA ;
+     */
+    let callbacks;
+    let resizeObserver;
+
+    /**
+     * Use the single ResizeObserver instance
+     * @returns {Object}
+     */
+    var resizeObserver$1 = {
+      /**
+       * @param {jQuery|Element} elem
+       * @param {(entry: ResizeObserverEntry, observer: ResizeObserver) => {}} callback
+       * @param {Object?} observeOptions - see https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver/observe#options
+       */
+      observe: function (elem) {
+        let callback = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : () => {};
+        let observeOptions = arguments.length > 2 ? arguments[2] : undefined;
+        const node = elem && $(elem).get(0);
+        if (!node) {
+          return;
+        }
+        ensureResizeObserverInstance();
+        resizeObserver.observe(node, observeOptions);
+        let nodeCallbacks = callbacks.get(node);
+        if (!nodeCallbacks) {
+          callbacks.set(node, new Set());
+          nodeCallbacks = callbacks.get(node);
+        }
+        nodeCallbacks.add(callback);
+      },
+      /**
+       * @param {jQuery|Element} elem
+       * @param {Function} callback
+       */
+      unobserve: function (elem, callback) {
+        const node = elem && $(elem).get(0);
+        if (!node) {
+          return;
+        }
+        ensureResizeObserverInstance();
+        const nodeCallbacks = callbacks.get(node);
+        if (!nodeCallbacks) {
+          return;
+        }
+        nodeCallbacks.delete(callback);
+        if (nodeCallbacks.size < 1) {
+          resizeObserver.unobserve(node);
+          callbacks.delete(node);
+        }
+      }
+    };
+    function ensureResizeObserverInstance() {
+      if (!resizeObserver) {
+        callbacks = new WeakMap();
+        resizeObserver = new ResizeObserver((entries, observer) => {
+          for (const entry of entries) {
+            const entryCallbacks = callbacks.get(entry.target);
+            if (!entryCallbacks) {
+              continue;
+            }
+            for (const entryCallback of entryCallbacks) {
+              entryCallback(entry, observer);
+            }
+          }
+        });
+      }
+    }
+
+    return resizeObserver$1;
+
+});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@oat-sa/tao-core-ui",
-    "version": "3.18.6",
+    "version": "3.19.0",
     "displayName": "TAO Core UI",
     "description": "UI libraries of TAO",
     "scripts": {

package/scss/inc/_base.scss

@@ -673,25 +673,31 @@ body {
         }
     }
 
-    ruby rb:has(.txt-wavy) + rt {
-        @include writing-mode-vertical-rl {
-            position: relative;
-            left: 5px;
-        }
-        @include writing-mode-horizontal-tb {
-            position: relative;
-            left: auto;
+    &.writing-mode-vertical-rl,
+    .writing-mode-vertical-rl {
+        ruby {
+            rb:has(.txt-wavy) + rt {
+                position: relative;
+                left: 5px;
+            }
+            rb:has(.txt-underline, .txt-dashed) + rt {
+                position: relative;
+                left: 2px;
+            }
         }
     }
 
-    ruby rb:has(.txt-underline, .txt-dashed) + rt {
-        @include writing-mode-vertical-rl {
-            position: relative;
-            left: 2px;
-        }
-        @include writing-mode-horizontal-tb {
-            position: relative;
-            left: auto;
+    &.writing-mode-horizontal-tb,
+    .writing-mode-horizontal-tb {
+        ruby {
+            rb:has(.txt-wavy) + rt {
+                position: relative;
+                left: auto;
+            }
+            rb:has(.txt-underline, .txt-dashed) + rt {
+                position: relative;
+                left: auto;
+            }
         }
     }
 
@@ -776,7 +782,7 @@ body {
                 left: 0;
             }
         }
-        &,
+        &.writing-mode-horizontal-tb,
         .writing-mode-horizontal-tb {
             .txt-underline,
             .txt-dashed {

package/src/css/basic.css

@@ -1619,34 +1619,26 @@ html .writing-mode-vertical-rl .writing-mode-horizontal-tb .txt-wavy ruby rt {
   inset-block-start: auto;
 }
 
+html.writing-mode-vertical-rl ruby rb:has(.txt-wavy) + rt,
 html .writing-mode-vertical-rl ruby rb:has(.txt-wavy) + rt {
   position: relative;
   left: 5px;
 }
-
-html ruby rb:has(.txt-wavy) + rt {
-  position: relative;
-  left: auto;
-}
-html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rb:has(.txt-wavy) + rt {
-  position: relative;
-  left: auto;
-}
-
+html.writing-mode-vertical-rl ruby rb:has(.txt-underline, .txt-dashed) + rt,
 html .writing-mode-vertical-rl ruby rb:has(.txt-underline, .txt-dashed) + rt {
   position: relative;
   left: 2px;
 }
-
-html ruby rb:has(.txt-underline, .txt-dashed) + rt {
+html.writing-mode-horizontal-tb ruby rb:has(.txt-wavy) + rt,
+html .writing-mode-horizontal-tb ruby rb:has(.txt-wavy) + rt {
   position: relative;
   left: auto;
 }
-html .writing-mode-vertical-rl .writing-mode-horizontal-tb ruby rb:has(.txt-underline, .txt-dashed) + rt {
+html.writing-mode-horizontal-tb ruby rb:has(.txt-underline, .txt-dashed) + rt,
+html .writing-mode-horizontal-tb ruby rb:has(.txt-underline, .txt-dashed) + rt {
   position: relative;
   left: auto;
 }
-
 html .qti-item .writing-mode-vertical-rl .media-container,
 html .qti-item .writing-mode-vertical-rl .qti-object-container.previewer:has(.mediaplayer) {
   writing-mode: horizontal-tb;
@@ -1723,13 +1715,13 @@ html [data-useragent-browser=safari].writing-mode-vertical-rl ruby rb:has(.txt-w
 html [data-useragent-browser=safari] .writing-mode-vertical-rl ruby rb:has(.txt-wavy) + rt {
   left: 0;
 }
-html [data-useragent-browser=safari] .txt-underline,
-html [data-useragent-browser=safari] .txt-dashed,
+html [data-useragent-browser=safari].writing-mode-horizontal-tb .txt-underline,
+html [data-useragent-browser=safari].writing-mode-horizontal-tb .txt-dashed,
 html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-underline,
 html [data-useragent-browser=safari] .writing-mode-horizontal-tb .txt-dashed {
   text-underline-offset: auto;
 }
-html [data-useragent-browser=safari] ruby rb:has(.txt-wavy, .txt-underline, .txt-dashed) + rt,
+html [data-useragent-browser=safari].writing-mode-horizontal-tb ruby rb:has(.txt-wavy, .txt-underline, .txt-dashed) + rt,
 html [data-useragent-browser=safari] .writing-mode-horizontal-tb ruby rb:has(.txt-wavy, .txt-underline, .txt-dashed) + rt {
   left: auto;
 }