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

package/dist/mediaplayer/players/html5.js

@@ -216,6 +216,39 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
         }
         return (config.debug === true || config.debug === action) && window.console.log(getDebugContext(action), ...args);
       };
+      const isVerticalLayout = () => {
+        const $layoutContext = $container.closest('.qti-interaction, .custom-text-box');
+        return ($$1('body').hasClass('item-writing-mode-vertical-rl') || $layoutContext.hasClass('writing-mode-vertical-rl')) && !$layoutContext.hasClass('writing-mode-horizontal-tb');
+      };
+      const applyVideoSizing = () => {
+        if (type !== 'video' || !$media || !$media.length) {
+          return;
+        }
+        $container.css({
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+          overflow: 'hidden'
+        });
+        $media.css({
+          width: '100%',
+          height: '100%',
+          maxWidth: '100%',
+          maxHeight: '100%',
+          margin: '0 auto',
+          objectFit: 'contain',
+          objectPosition: 'center center',
+          boxSizing: 'border-box'
+        });
+        if (isVerticalLayout()) {
+          $media.css({
+            width: 'auto',
+            height: '100%',
+            maxWidth: 'none',
+            maxHeight: '100%'
+          });
+        }
+      };
       return eventifier({
         init() {
           const tpl = 'audio' === type ? audioTpl : videoTpl;
@@ -244,6 +277,7 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
             link
           }));
           $container.append($media);
+          applyVideoSizing();
           media = $media.get(0);
           result = !!(media && support.checkSupport(media));
 
@@ -433,10 +467,7 @@ define(['jquery', 'util/urlParser', 'core/eventifier', 'ui/mediaplayer/support',
               $media.height($media.height());
               $media.on('loadedmetadata.recover', () => {
                 $media.off('loadedmetadata.recover');
-                $media.css({
-                  width: '',
-                  height: ''
-                });
+                applyVideoSizing();
               });
             }
             media.load();

package/dist/resource/tree.js

@@ -1804,7 +1804,7 @@ define(['jquery', 'lodash', 'ui/component', 'ui/resource/selectable', 'ui/hider'
             return acc;
           }
           function reduceNodes(nodeList) {
-            return _.sortBy(nodeList, ['label']).reduce(reduceNode, '');
+            return _.sortBy(nodeList, ['type', 'label']).reduce(reduceNode, '');
           }
           if (this.is('rendered')) {
             $component = this.getElement();