entcore 4.0.0-dev.9 → 4.0.0-explorer.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/build.sh +5 -1
  2. package/bundle/ng-app.js +76 -76
  3. package/bundle/ng-app.js.map +1 -1
  4. package/package.json +1 -1
  5. package/src/template/media-library/icons.html +10 -4
  6. package/src/template/media-library/loading.html +1 -1
  7. package/src/template/video/main.html +2 -2
  8. package/src/template/video/onboarding.html +1 -1
  9. package/src/template/video/record.html +1 -1
  10. package/src/template/video/upload.html +90 -24
  11. package/src/ts/deps.d.ts +1 -0
  12. package/types/src/ts/directives/index.d.ts +1 -0
  13. package/types/src/ts/skin.d.ts +1 -0
  14. package/types/src/ts/workspace/model.d.ts +4 -0
  15. package/webpack-dev.config.js +1 -1
  16. package/src/template/video/loading.html +0 -56
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "entcore",
3
- "version": "4.0.0-dev.9",
3
+ "version": "4.0.0-explorer.1",
4
4
  "description": "",
5
5
  "main": "gulpfile.js",
6
6
  "types": "./types/src/ts/entcore.d.ts",
package/src/template/media-library/icons.html CHANGED
@@ -31,9 +31,11 @@
31
31
 
32
32
  </div>
33
33
  <div class="element reduce-block-six" ng-repeat="document in documentList.documents">
34
- <explorer ng-model="document.selected" ng-click="updateSelection(document)" on-open="selectDocument(document)"
35
- doc-id="[[document._id]]">
36
- <div class="img container" ng-if="document.role() === 'img'">
34
+ <explorer ng-model="document.selected"
35
+ ng-click="updateSelection(document)" on-open="selectDocument(document)"
36
+ ng-switch="document.role()"
37
+ doc-id="[[document._id]]">
38
+ <div class="img container" ng-switch-when="img">
37
39
  <div class="clip">
38
40
  <img image-lazy-load="document.thumbUrl"/>
39
41
  <div class="absolute" ng-if="display.loading && display.loading.indexOf(document) !== -1">
@@ -41,7 +43,11 @@
41
43
  </div>
42
44
  </div>
43
45
  </div>
44
- <div class="img container" ng-if="document.role() !== 'img'">
46
+ <div class="img container video" ng-switch-when="video"
47
+ ng-style="{'background-image': videoThumbUrl(document)}">
48
+ <i class="[[document.role()]]-large"></i>
49
+ </div>
50
+ <div class="img container" ng-switch-default>
45
51
  <i class="[[document.role()]]-large"></i>
46
52
  </div>
47
53
  <legend>
package/src/template/media-library/loading.html CHANGED
@@ -43,7 +43,7 @@
43
43
  </div>
44
44
  </div>
45
45
  </div>
46
- <div class="row">
46
+ <div class="row media-library-toolbar">
47
47
  <em class="six cell small-text"><i18n>medialibrary.images.editable.formats</i18n></em>
48
48
  <button class="right-magnet" ng-click="confirmImport()" type="button"><i18n>import</i18n></button>
49
49
  <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
package/src/template/video/main.html CHANGED
@@ -22,7 +22,7 @@
22
22
  <style>
23
23
  header > span.beta-feature:after {
24
24
  color: #FF8500;
25
- content: "[Beta]";
25
+ content: "[New]";
26
26
  font-size: 8px;
27
27
  position: absolute;
28
28
  top: 0;
@@ -35,7 +35,7 @@
35
35
  <section class="tabs heading-tabs">
36
36
  <header workflow="[[header.worflowKey]]"
37
37
  navigation-trigger="showHeader(header)"
38
- navigation-trigger-param="{onEvent:'click', guardMessageKey:'video.capture.guard.text', rootGuardId:'videoCapturedGuard'}"
38
+ navigation-trigger-param="{onEvent:'click', guardMessageKey: '[[header.guardMessageKey]]', rootGuardId:'videoCapturedGuard'}"
39
39
  ng-repeat="header in headers()"
40
40
  ng-class="{'selected':isSelectedHeader(header)}"
41
41
  ng-show="header.visible()">
package/src/template/video/onboarding.html CHANGED
@@ -1,7 +1,7 @@
1
1
  <div class="toast toast--video" role="alert" aria-live="assertive" aria-atomic="true" ng-if="display.visible">
2
2
  <div class="toast-header"><button type="button" class="btn-close" aria-label="Close" ng-click="hideToastAndSavePreference(false)"><svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.815 2.815a.733.733 0 0 1 1.037 0l9.333 9.333a.733.733 0 1 1-1.037 1.037L2.815 3.852a.733.733 0 0 1 0-1.037Z" fill="#2C2C2C"/><path fill-rule="evenodd" clip-rule="evenodd" d="M13.185 2.815a.733.733 0 0 1 0 1.037l-9.333 9.333a.733.733 0 1 1-1.037-1.037l9.333-9.333a.733.733 0 0 1 1.037 0Z" fill="#2C2C2C"/></svg></button></div>
3
3
  <div class="toast-body">
4
- <div style="min-width: 80px; width: 80px; height: 112px; background-color: #f0f2f4; border-radius: 4px;"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 336"><defs><clipPath id="a"><path style="fill:none" d="M0 0h240v336H0z"/></clipPath><style>.c{fill:#fff}.e{fill:#202244}.f{fill:#905e3e}.g{opacity:.2}.h{fill:#4eadd3}</style></defs><g style="clip-path:url(#a)"><path class="c" d="M0 0h240v335H0z"/><path style="fill:#ff8d2e;opacity:.3" d="M0 0h240v336H0z"/><path class="e" d="M138.58 104.66c-1.45-1.58-4.71-3.38-9-4.84 7.53-3.39 13.93-7.38 9.5-9.82-1.91-1-4.2-.9-6.61 0 3.71-3.74 5.49-7 1.88-7.82-5.49-1.28-11.21 5.79-15.2 12.32 2.59-5.6 3.92-11.14-.9-11.23-5.56-.09-6.65 7.29-6.55 13.67h-1.39c-1.56-7.06-4.6-15.84-9.79-13.49-2.61 1.18-2.51 3.71-1.15 6.64-2.45-1.88-4.87-2.53-6.8-.54-2.93 3 .68 6.63 5.45 9.65a29.35 29.35 0 0 0-9.4 5.46c-16.19 14.14 1.47 46.17 1.47 46.17l46.23-1.19c14.5-23.06 7.51-39.28 2.26-44.98Z"/><path class="f" d="M97.42 164s-.64 19.78-3.17 28.63l-20 14 75.4 11.28-18-24.84s-5.43-26.52-2.59-36.32S97.42 164 97.42 164Z"/><path class="g" d="M97.31 166.73s6 14.36 17.19 14 13.79-13 13.79-13Z"/><path class="f" d="M113.21 175.22c-8.13-.14-23.11-11-23.11-24.39v-20.94c0-4.9 3.41-8.91 7.59-8.91h31.05c4.17 0 7.59 4 7.59 8.91v19.75c0 14.07-13.78 25.75-23.12 25.58Z"/><path class="h" d="M157.27 197.73v.05a198.31 198.31 0 0 0-25.63-4.73c-7 9.29-12 11.45-18.42 14-10.3-1.42-19-14.1-19-14.4-15 1.54-23.41 4.68-23.41 4.68-5.69 2.39-13.15 46.82-14.32 71.51-.14 3.1-.19 5.88-.12 8.24.6 21.17 1.46 41.74-1.27 64.54-3.56 29.92 2.52 29.38 2.52 29.38s8.17 1.6 19.57 3.11a277.18 277.18 0 0 0 35.19 2.69c27.34 0 57.3-5.8 57.3-5.8 8.62.11-2.42-53.66-4-86-.38-7.52-.73-14.38-1.05-20.64 10.36 8.92 40.84 25.18 41.53 27.26 0 0-6.65 12.14-8.67 18.61a135.8 135.8 0 0 1-21.11 41.28c1.82 6.89 1.31 9.94 1.31 9.94 21.11-16.58 34.72-30.69 43.41-41.51 12.18-15.22 14.68-23.94 14.68-23.94-47-95.68-78.51-98.27-78.51-98.27Z"/><path class="h" d="M77.19 374.12c-11.4-1.51-19.57-3.12-19.57-3.12s-6.08.53-2.49-29.41c2.73-22.8 1.87-43.37 1.27-64.54-.07-2.36 0-5.14.12-8.24 1.75 2.79 21.21 34.23 26.45 57.59 3.82 17.05-1.97 37.12-5.78 47.72Z"/><path class="g" d="M77.2 374c-11.41-1.51-19.58-3.11-19.58-3.11s-6.08.53-2.49-29.42c2.73-22.79 1.87-43.37 1.27-64.54-.07-2.35 0-5.14.12-8.24 1.75 2.8 21.21 34.23 26.45 57.6C86.79 343.34 81 363.41 77.2 374Z"/><path class="f" d="M176.35 351.51c1.82 6.89 1.31 9.94 1.31 9.94 21.11-16.58 34.72-30.69 43.41-41.51-6.55-.49-12.61-1.95-23.61-9.71-9.09 27.71-21.11 41.28-21.11 41.28Z"/><path class="h" d="M203.5 289.48c-1.69-1.41-28.76-16.32-39-25.22 0 0 10.23-7.67 16.56 3.51s22.44 21.71 22.44 21.71ZM235.78 296s-2.5 8.73-14.71 23.95c-14.14-.21 14.71-23.95 14.71-23.95Z"/><path class="e" d="M90.1 138.38s5.65-17.25 24.15-14.56 20.11 6.65 22.08 11.23 5.76-16.76 5.76-16.76l-21.83-6.49s-26.41 3-28.31 7.44l-1.9 4.43Z"/><path class="h" d="M114.77 317.82c-7.08 1.07-43.32 9.48-69.16 12.74-14.56 1.84-25.82 2-26.69-1.63-2.4-10.17 5.78-75 18.77-101.09s37.08-31.73 37.08-31.73l6.85 41.31-34.83 69.36 8.48.15 58.2 1Z"/><path class="f" d="M106.66 310.24s19.15-13.19 25.43-8.61 6.77 15.5-19.26 16.41Z"/><path d="M133.5 140.26a5.64 5.64 0 0 0-4.44-1.88h-9.31c-1.78 0-3 .51-3.68 1.51a3.34 3.34 0 0 0-.53 1.55 8.74 8.74 0 0 0-4.14.07 3.49 3.49 0 0 0-.53-1.62c-.67-1-1.91-1.51-3.68-1.51h-9.32a5.64 5.64 0 0 0-4.44 1.88 4.78 4.78 0 0 0-.87 4.1c1.06 5.27 7.13 5.94 10.16 5.94a14.54 14.54 0 0 0 1.7-.08c2.84 0 4.83-1.62 6.28-5.09a8.91 8.91 0 0 0 .71-2.86 8 8 0 0 1 4.11-.08 8.82 8.82 0 0 0 .71 2.94c1.45 3.47 3.45 5.09 6.28 5.09a14.54 14.54 0 0 0 1.7.08c3 0 9.1-.67 10.16-5.94a4.78 4.78 0 0 0-.87-4.1Zm-23.36 4.64c-1.35 3.21-3.17 4.71-5.74 4.71a17.92 17.92 0 0 1-5.17-.24c-3.46-.7-5.49-2.43-6-5.13a4.19 4.19 0 0 1 .74-3.59 5 5 0 0 1 4-1.66h9.32c1.55 0 2.62.42 3.16 1.24a2.84 2.84 0 0 1 .44 1.45 6.61 6.61 0 0 0-.81.31.36.36 0 0 0-.19.48.37.37 0 0 0 .34.21h.15l.5-.19a9.08 9.08 0 0 1-.74 2.41Zm23.63-.66c-.55 2.7-2.58 4.43-6 5.13a17.92 17.92 0 0 1-5.17.24c-2.57 0-4.39-1.5-5.74-4.71a9.16 9.16 0 0 1-.64-2.5c.18.07.35.15.53.24a.35.35 0 0 0 .49-.15.37.37 0 0 0-.15-.5 6.09 6.09 0 0 0-.88-.37 2.82 2.82 0 0 1 .44-1.39c.54-.82 1.61-1.24 3.17-1.24h9.31a5 5 0 0 1 4 1.66 4.19 4.19 0 0 1 .64 3.59Z" style="fill:#2d3a64"/><path d="M105.77 161.69s10.24-1.12 15 0c0 0-2.53 4.15-6.69 4.15s-7.3-1.52-8.31-4.15Z" style="fill:#fcebe2"/><path class="f" d="M114.77 317.82c-7.08 1.07-43.32 9.48-69.16 12.74 2.26-11 5.82-18.52 9.66-23.63l58.2 1Z"/><path class="g" d="M203.71 289.58c-1.68-1.4-28.76-16.31-39-25.21 0 0 10.24-7.67 16.56 3.51s22.44 21.7 22.44 21.7Z"/><path d="M235.59 296.2s-2.51 8.73-14.72 23.95c-14.14-.15 14.72-23.95 14.72-23.95Z" style="fill:#588b97"/><path d="M0 0h187v49a10 10 0 0 1-10 10H0V0Z" style="opacity:.6"/><circle cx="26.07" cy="28" r="8.5" style="fill:#ff3a55"/><path class="c" d="M57.56 29.06a12.23 12.23 0 0 1-.43 3.45A7.09 7.09 0 0 1 56 34.93a4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0A4.65 4.65 0 0 1 48 34.93a7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46A7 7 0 0 1 48 23.19a4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0A4.66 4.66 0 0 1 56 23.19a7 7 0 0 1 1.17 2.41 12.25 12.25 0 0 1 .39 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.64 5.64 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.5 2.5 0 0 0-1.1-.26 2.38 2.38 0 0 0-1.07.26 2.26 2.26 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .66 1.72 2.26 2.26 0 0 0 .92.9 2.38 2.38 0 0 0 1.07.26 2.5 2.5 0 0 0 1.1-.26 2.34 2.34 0 0 0 .93-.9 5.74 5.74 0 0 0 .64-1.72 12.9 12.9 0 0 0 .22-2.73ZM60.91 34.71H64v-9.94l-2.17 1.83a.72.72 0 0 1-.28.16.84.84 0 0 1-.27 0 .86.86 0 0 1-.39-.09.76.76 0 0 1-.25-.2l-.82-1.13 4.63-3.93h2.13v13.3h2.73v1.94h-8.4ZM71.45 27.74a1.59 1.59 0 0 1 .12-.62 1.39 1.39 0 0 1 .34-.51 1.5 1.5 0 0 1 .51-.33 1.45 1.45 0 0 1 .63-.13 1.5 1.5 0 0 1 .62.13 1.56 1.56 0 0 1 .5.33 1.69 1.69 0 0 1 .34.51 1.66 1.66 0 0 1 0 1.24 1.77 1.77 0 0 1-.34.5 1.56 1.56 0 0 1-.5.33 1.67 1.67 0 0 1-.62.12 1.61 1.61 0 0 1-.63-.12 1.5 1.5 0 0 1-.51-.33 1.43 1.43 0 0 1-.34-.5 1.59 1.59 0 0 1-.12-.62Zm0 7.48a1.67 1.67 0 0 1 .12-.62 1.43 1.43 0 0 1 .34-.5 1.69 1.69 0 0 1 .51-.34 1.61 1.61 0 0 1 .63-.12 1.67 1.67 0 0 1 .62.12 1.62 1.62 0 0 1 .84.84 1.67 1.67 0 0 1 .12.62 1.64 1.64 0 0 1-.12.63 1.77 1.77 0 0 1-.34.5 1.56 1.56 0 0 1-.5.33 1.67 1.67 0 0 1-.62.12 1.61 1.61 0 0 1-.63-.12 1.5 1.5 0 0 1-.51-.33 1.43 1.43 0 0 1-.34-.5 1.64 1.64 0 0 1-.12-.63ZM82.15 21.3a5.6 5.6 0 0 1 1.92.31 4.33 4.33 0 0 1 1.49.88 3.8 3.8 0 0 1 1 1.36 4.42 4.42 0 0 1 .35 1.78 4.84 4.84 0 0 1-.25 1.55 6.83 6.83 0 0 1-.66 1.36 8.82 8.82 0 0 1-1 1.26c-.38.41-.76.82-1.17 1.24l-3.42 3.5a9.22 9.22 0 0 1 1-.23 6.09 6.09 0 0 1 .93-.07h3.89a.91.91 0 0 1 .67.23.86.86 0 0 1 .25.63v1.55H76.71v-.86a1.51 1.51 0 0 1 .46-1.07l4.61-4.62c.39-.39.73-.77 1-1.12a7.58 7.58 0 0 0 .76-1.07 4.76 4.76 0 0 0 .48-1.06 4.24 4.24 0 0 0 .16-1.14 2.61 2.61 0 0 0-.16-1 1.76 1.76 0 0 0-.45-.7 2 2 0 0 0-.7-.43 2.85 2.85 0 0 0-.91-.14 2.34 2.34 0 0 0-2.38 1.75 1.07 1.07 0 0 1-.35.57 1 1 0 0 1-.58.17h-.35L77 25.7a5.78 5.78 0 0 1 .61-1.92 4.55 4.55 0 0 1 2.69-2.2 6 6 0 0 1 1.85-.28ZM97.9 30.93h1.91v1.5a.48.48 0 0 1-.14.36.5.5 0 0 1-.39.15H97.9v3.71h-2.27v-3.71h-6.4a.72.72 0 0 1-.47-.16.74.74 0 0 1-.25-.4l-.26-1.32 7.19-9.6h2.46Zm-2.27-5v-.72c0-.26 0-.53.08-.81L91 30.93h4.62ZM106.53 36.68a1.44 1.44 0 0 1-.24.42 1.38 1.38 0 0 1-.34.3 1.44 1.44 0 0 1-.4.18 1.18 1.18 0 0 1-.41.07h-1.09L110.18 22a1.5 1.5 0 0 1 .52-.68 1.41 1.41 0 0 1 .81-.23h1.1ZM128.08 29.06a12.6 12.6 0 0 1-.43 3.45 7.1 7.1 0 0 1-1.18 2.42 4.71 4.71 0 0 1-1.77 1.42 5.41 5.41 0 0 1-4.41 0 4.68 4.68 0 0 1-1.76-1.42 7.08 7.08 0 0 1-1.16-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.16-2.41 4.68 4.68 0 0 1 1.76-1.42 5.41 5.41 0 0 1 4.41 0 4.71 4.71 0 0 1 1.77 1.42 7 7 0 0 1 1.18 2.41 12.63 12.63 0 0 1 .43 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.38 5.38 0 0 0-.65-1.72 2.34 2.34 0 0 0-.93-.9 2.39 2.39 0 0 0-2.17 0 2.3 2.3 0 0 0-.91.9 5.39 5.39 0 0 0-.64 1.72 12.9 12.9 0 0 0-.24 2.73 12.9 12.9 0 0 0 .24 2.73 5.49 5.49 0 0 0 .64 1.72 2.3 2.3 0 0 0 .91.9 2.39 2.39 0 0 0 2.17 0 2.34 2.34 0 0 0 .93-.9 5.48 5.48 0 0 0 .65-1.72 12.9 12.9 0 0 0 .24-2.73ZM135.16 21.3a5.65 5.65 0 0 1 1.9.3 4.25 4.25 0 0 1 1.44.83 3.59 3.59 0 0 1 .92 1.24 3.8 3.8 0 0 1 .32 1.55 4.45 4.45 0 0 1-.16 1.27 3.07 3.07 0 0 1-.47 1 2.82 2.82 0 0 1-.76.7 5.54 5.54 0 0 1-1 .47 3.85 3.85 0 0 1 2 1.31 3.56 3.56 0 0 1 .68 2.22 4.56 4.56 0 0 1-.42 2 4.35 4.35 0 0 1-1.14 1.47 5 5 0 0 1-1.65.89 6.23 6.23 0 0 1-2 .31 7 7 0 0 1-2-.26 4.55 4.55 0 0 1-1.48-.78 4.7 4.7 0 0 1-1.07-1.26 8.81 8.81 0 0 1-.75-1.72l1.14-.48a1.61 1.61 0 0 1 .6-.12 1.14 1.14 0 0 1 .49.11.83.83 0 0 1 .33.34 6.37 6.37 0 0 0 .41.72 3 3 0 0 0 .54.64 2.41 2.41 0 0 0 .74.45 2.63 2.63 0 0 0 1 .17 2.91 2.91 0 0 0 1.15-.21 2.48 2.48 0 0 0 .83-.56 2.34 2.34 0 0 0 .49-.77 2.38 2.38 0 0 0 .16-.86 4.35 4.35 0 0 0-.11-1 1.46 1.46 0 0 0-.49-.76 2.57 2.57 0 0 0-1-.5 7.53 7.53 0 0 0-1.8-.21V28a6.35 6.35 0 0 0 1.58-.17 2.66 2.66 0 0 0 1-.47 1.52 1.52 0 0 0 .52-.72 2.73 2.73 0 0 0 .15-.92 2.16 2.16 0 0 0-.59-1.64 2.27 2.27 0 0 0-1.6-.55 2.43 2.43 0 0 0-1.54.49 2.6 2.6 0 0 0-.85 1.25 1.19 1.19 0 0 1-.34.58 1 1 0 0 1-.58.17h-.36L130 25.7a5.35 5.35 0 0 1 .61-1.92 4.46 4.46 0 0 1 1.12-1.37 4.59 4.59 0 0 1 1.56-.83 6 6 0 0 1 1.87-.28ZM142 27.74a1.59 1.59 0 0 1 .12-.62 1.5 1.5 0 0 1 .33-.51 1.72 1.72 0 0 1 .51-.33 1.51 1.51 0 0 1 .63-.13 1.44 1.44 0 0 1 .62.13 1.45 1.45 0 0 1 .84.84 1.54 1.54 0 0 1 0 1.24 1.56 1.56 0 0 1-.33.5 1.5 1.5 0 0 1-.51.33 1.59 1.59 0 0 1-.62.12 1.68 1.68 0 0 1-.63-.12 1.72 1.72 0 0 1-.51-.33 1.56 1.56 0 0 1-.33-.5 1.59 1.59 0 0 1-.12-.62Zm0 7.48a1.67 1.67 0 0 1 .12-.62 1.56 1.56 0 0 1 .33-.5 2 2 0 0 1 .51-.34 1.68 1.68 0 0 1 .63-.12 1.59 1.59 0 0 1 .62.12 1.69 1.69 0 0 1 .51.34 1.56 1.56 0 0 1 .33.5 1.5 1.5 0 0 1 .13.62 1.48 1.48 0 0 1-.13.63 1.56 1.56 0 0 1-.33.5 1.5 1.5 0 0 1-.51.33 1.59 1.59 0 0 1-.62.12 1.68 1.68 0 0 1-.63-.12 1.72 1.72 0 0 1-.51-.33 1.56 1.56 0 0 1-.33-.5 1.64 1.64 0 0 1-.12-.63ZM158 29.06a12.63 12.63 0 0 1-.42 3.45 7.29 7.29 0 0 1-1.18 2.42 4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0 4.65 4.65 0 0 1-1.75-1.42 7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.17-2.41 4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0 4.66 4.66 0 0 1 1.78 1.42 7.23 7.23 0 0 1 1.18 2.41 12.65 12.65 0 0 1 .42 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.39 5.39 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.49 2.49 0 0 0-1.09-.26 2.39 2.39 0 0 0-1.08.26 2.32 2.32 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .64 1.72 2.32 2.32 0 0 0 .92.9 2.39 2.39 0 0 0 1.08.26 2.49 2.49 0 0 0 1.09-.26 2.34 2.34 0 0 0 .93-.9 5.49 5.49 0 0 0 .64-1.72 12.9 12.9 0 0 0 .24-2.73ZM170.18 29.06a12.23 12.23 0 0 1-.43 3.45 7.09 7.09 0 0 1-1.17 2.42 4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0 4.65 4.65 0 0 1-1.75-1.42 7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.17-2.41 4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0 4.66 4.66 0 0 1 1.78 1.42 7 7 0 0 1 1.17 2.41 12.25 12.25 0 0 1 .43 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.64 5.64 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.5 2.5 0 0 0-1.1-.26 2.38 2.38 0 0 0-1.07.26 2.32 2.32 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .64 1.72 2.32 2.32 0 0 0 .92.9 2.38 2.38 0 0 0 1.07.26 2.5 2.5 0 0 0 1.1-.26 2.34 2.34 0 0 0 .93-.9 5.74 5.74 0 0 0 .64-1.72 12.9 12.9 0 0 0 .24-2.73Z"/></g></svg></div>
4
+ <div class="toast-illustration"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 240 336"><defs><clipPath id="a"><path style="fill:none" d="M0 0h240v336H0z"/></clipPath><style>.c{fill:#fff}.e{fill:#202244}.f{fill:#905e3e}.g{opacity:.2}.h{fill:#4eadd3}</style></defs><g style="clip-path:url(#a)"><path class="c" d="M0 0h240v335H0z"/><path style="fill:#ff8d2e;opacity:.3" d="M0 0h240v336H0z"/><path class="e" d="M138.58 104.66c-1.45-1.58-4.71-3.38-9-4.84 7.53-3.39 13.93-7.38 9.5-9.82-1.91-1-4.2-.9-6.61 0 3.71-3.74 5.49-7 1.88-7.82-5.49-1.28-11.21 5.79-15.2 12.32 2.59-5.6 3.92-11.14-.9-11.23-5.56-.09-6.65 7.29-6.55 13.67h-1.39c-1.56-7.06-4.6-15.84-9.79-13.49-2.61 1.18-2.51 3.71-1.15 6.64-2.45-1.88-4.87-2.53-6.8-.54-2.93 3 .68 6.63 5.45 9.65a29.35 29.35 0 0 0-9.4 5.46c-16.19 14.14 1.47 46.17 1.47 46.17l46.23-1.19c14.5-23.06 7.51-39.28 2.26-44.98Z"/><path class="f" d="M97.42 164s-.64 19.78-3.17 28.63l-20 14 75.4 11.28-18-24.84s-5.43-26.52-2.59-36.32S97.42 164 97.42 164Z"/><path class="g" d="M97.31 166.73s6 14.36 17.19 14 13.79-13 13.79-13Z"/><path class="f" d="M113.21 175.22c-8.13-.14-23.11-11-23.11-24.39v-20.94c0-4.9 3.41-8.91 7.59-8.91h31.05c4.17 0 7.59 4 7.59 8.91v19.75c0 14.07-13.78 25.75-23.12 25.58Z"/><path class="h" d="M157.27 197.73v.05a198.31 198.31 0 0 0-25.63-4.73c-7 9.29-12 11.45-18.42 14-10.3-1.42-19-14.1-19-14.4-15 1.54-23.41 4.68-23.41 4.68-5.69 2.39-13.15 46.82-14.32 71.51-.14 3.1-.19 5.88-.12 8.24.6 21.17 1.46 41.74-1.27 64.54-3.56 29.92 2.52 29.38 2.52 29.38s8.17 1.6 19.57 3.11a277.18 277.18 0 0 0 35.19 2.69c27.34 0 57.3-5.8 57.3-5.8 8.62.11-2.42-53.66-4-86-.38-7.52-.73-14.38-1.05-20.64 10.36 8.92 40.84 25.18 41.53 27.26 0 0-6.65 12.14-8.67 18.61a135.8 135.8 0 0 1-21.11 41.28c1.82 6.89 1.31 9.94 1.31 9.94 21.11-16.58 34.72-30.69 43.41-41.51 12.18-15.22 14.68-23.94 14.68-23.94-47-95.68-78.51-98.27-78.51-98.27Z"/><path class="h" d="M77.19 374.12c-11.4-1.51-19.57-3.12-19.57-3.12s-6.08.53-2.49-29.41c2.73-22.8 1.87-43.37 1.27-64.54-.07-2.36 0-5.14.12-8.24 1.75 2.79 21.21 34.23 26.45 57.59 3.82 17.05-1.97 37.12-5.78 47.72Z"/><path class="g" d="M77.2 374c-11.41-1.51-19.58-3.11-19.58-3.11s-6.08.53-2.49-29.42c2.73-22.79 1.87-43.37 1.27-64.54-.07-2.35 0-5.14.12-8.24 1.75 2.8 21.21 34.23 26.45 57.6C86.79 343.34 81 363.41 77.2 374Z"/><path class="f" d="M176.35 351.51c1.82 6.89 1.31 9.94 1.31 9.94 21.11-16.58 34.72-30.69 43.41-41.51-6.55-.49-12.61-1.95-23.61-9.71-9.09 27.71-21.11 41.28-21.11 41.28Z"/><path class="h" d="M203.5 289.48c-1.69-1.41-28.76-16.32-39-25.22 0 0 10.23-7.67 16.56 3.51s22.44 21.71 22.44 21.71ZM235.78 296s-2.5 8.73-14.71 23.95c-14.14-.21 14.71-23.95 14.71-23.95Z"/><path class="e" d="M90.1 138.38s5.65-17.25 24.15-14.56 20.11 6.65 22.08 11.23 5.76-16.76 5.76-16.76l-21.83-6.49s-26.41 3-28.31 7.44l-1.9 4.43Z"/><path class="h" d="M114.77 317.82c-7.08 1.07-43.32 9.48-69.16 12.74-14.56 1.84-25.82 2-26.69-1.63-2.4-10.17 5.78-75 18.77-101.09s37.08-31.73 37.08-31.73l6.85 41.31-34.83 69.36 8.48.15 58.2 1Z"/><path class="f" d="M106.66 310.24s19.15-13.19 25.43-8.61 6.77 15.5-19.26 16.41Z"/><path d="M133.5 140.26a5.64 5.64 0 0 0-4.44-1.88h-9.31c-1.78 0-3 .51-3.68 1.51a3.34 3.34 0 0 0-.53 1.55 8.74 8.74 0 0 0-4.14.07 3.49 3.49 0 0 0-.53-1.62c-.67-1-1.91-1.51-3.68-1.51h-9.32a5.64 5.64 0 0 0-4.44 1.88 4.78 4.78 0 0 0-.87 4.1c1.06 5.27 7.13 5.94 10.16 5.94a14.54 14.54 0 0 0 1.7-.08c2.84 0 4.83-1.62 6.28-5.09a8.91 8.91 0 0 0 .71-2.86 8 8 0 0 1 4.11-.08 8.82 8.82 0 0 0 .71 2.94c1.45 3.47 3.45 5.09 6.28 5.09a14.54 14.54 0 0 0 1.7.08c3 0 9.1-.67 10.16-5.94a4.78 4.78 0 0 0-.87-4.1Zm-23.36 4.64c-1.35 3.21-3.17 4.71-5.74 4.71a17.92 17.92 0 0 1-5.17-.24c-3.46-.7-5.49-2.43-6-5.13a4.19 4.19 0 0 1 .74-3.59 5 5 0 0 1 4-1.66h9.32c1.55 0 2.62.42 3.16 1.24a2.84 2.84 0 0 1 .44 1.45 6.61 6.61 0 0 0-.81.31.36.36 0 0 0-.19.48.37.37 0 0 0 .34.21h.15l.5-.19a9.08 9.08 0 0 1-.74 2.41Zm23.63-.66c-.55 2.7-2.58 4.43-6 5.13a17.92 17.92 0 0 1-5.17.24c-2.57 0-4.39-1.5-5.74-4.71a9.16 9.16 0 0 1-.64-2.5c.18.07.35.15.53.24a.35.35 0 0 0 .49-.15.37.37 0 0 0-.15-.5 6.09 6.09 0 0 0-.88-.37 2.82 2.82 0 0 1 .44-1.39c.54-.82 1.61-1.24 3.17-1.24h9.31a5 5 0 0 1 4 1.66 4.19 4.19 0 0 1 .64 3.59Z" style="fill:#2d3a64"/><path d="M105.77 161.69s10.24-1.12 15 0c0 0-2.53 4.15-6.69 4.15s-7.3-1.52-8.31-4.15Z" style="fill:#fcebe2"/><path class="f" d="M114.77 317.82c-7.08 1.07-43.32 9.48-69.16 12.74 2.26-11 5.82-18.52 9.66-23.63l58.2 1Z"/><path class="g" d="M203.71 289.58c-1.68-1.4-28.76-16.31-39-25.21 0 0 10.24-7.67 16.56 3.51s22.44 21.7 22.44 21.7Z"/><path d="M235.59 296.2s-2.51 8.73-14.72 23.95c-14.14-.15 14.72-23.95 14.72-23.95Z" style="fill:#588b97"/><path d="M0 0h187v49a10 10 0 0 1-10 10H0V0Z" style="opacity:.6"/><circle cx="26.07" cy="28" r="8.5" style="fill:#ff3a55"/><path class="c" d="M57.56 29.06a12.23 12.23 0 0 1-.43 3.45A7.09 7.09 0 0 1 56 34.93a4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0A4.65 4.65 0 0 1 48 34.93a7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46A7 7 0 0 1 48 23.19a4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0A4.66 4.66 0 0 1 56 23.19a7 7 0 0 1 1.17 2.41 12.25 12.25 0 0 1 .39 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.64 5.64 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.5 2.5 0 0 0-1.1-.26 2.38 2.38 0 0 0-1.07.26 2.26 2.26 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .66 1.72 2.26 2.26 0 0 0 .92.9 2.38 2.38 0 0 0 1.07.26 2.5 2.5 0 0 0 1.1-.26 2.34 2.34 0 0 0 .93-.9 5.74 5.74 0 0 0 .64-1.72 12.9 12.9 0 0 0 .22-2.73ZM60.91 34.71H64v-9.94l-2.17 1.83a.72.72 0 0 1-.28.16.84.84 0 0 1-.27 0 .86.86 0 0 1-.39-.09.76.76 0 0 1-.25-.2l-.82-1.13 4.63-3.93h2.13v13.3h2.73v1.94h-8.4ZM71.45 27.74a1.59 1.59 0 0 1 .12-.62 1.39 1.39 0 0 1 .34-.51 1.5 1.5 0 0 1 .51-.33 1.45 1.45 0 0 1 .63-.13 1.5 1.5 0 0 1 .62.13 1.56 1.56 0 0 1 .5.33 1.69 1.69 0 0 1 .34.51 1.66 1.66 0 0 1 0 1.24 1.77 1.77 0 0 1-.34.5 1.56 1.56 0 0 1-.5.33 1.67 1.67 0 0 1-.62.12 1.61 1.61 0 0 1-.63-.12 1.5 1.5 0 0 1-.51-.33 1.43 1.43 0 0 1-.34-.5 1.59 1.59 0 0 1-.12-.62Zm0 7.48a1.67 1.67 0 0 1 .12-.62 1.43 1.43 0 0 1 .34-.5 1.69 1.69 0 0 1 .51-.34 1.61 1.61 0 0 1 .63-.12 1.67 1.67 0 0 1 .62.12 1.62 1.62 0 0 1 .84.84 1.67 1.67 0 0 1 .12.62 1.64 1.64 0 0 1-.12.63 1.77 1.77 0 0 1-.34.5 1.56 1.56 0 0 1-.5.33 1.67 1.67 0 0 1-.62.12 1.61 1.61 0 0 1-.63-.12 1.5 1.5 0 0 1-.51-.33 1.43 1.43 0 0 1-.34-.5 1.64 1.64 0 0 1-.12-.63ZM82.15 21.3a5.6 5.6 0 0 1 1.92.31 4.33 4.33 0 0 1 1.49.88 3.8 3.8 0 0 1 1 1.36 4.42 4.42 0 0 1 .35 1.78 4.84 4.84 0 0 1-.25 1.55 6.83 6.83 0 0 1-.66 1.36 8.82 8.82 0 0 1-1 1.26c-.38.41-.76.82-1.17 1.24l-3.42 3.5a9.22 9.22 0 0 1 1-.23 6.09 6.09 0 0 1 .93-.07h3.89a.91.91 0 0 1 .67.23.86.86 0 0 1 .25.63v1.55H76.71v-.86a1.51 1.51 0 0 1 .46-1.07l4.61-4.62c.39-.39.73-.77 1-1.12a7.58 7.58 0 0 0 .76-1.07 4.76 4.76 0 0 0 .48-1.06 4.24 4.24 0 0 0 .16-1.14 2.61 2.61 0 0 0-.16-1 1.76 1.76 0 0 0-.45-.7 2 2 0 0 0-.7-.43 2.85 2.85 0 0 0-.91-.14 2.34 2.34 0 0 0-2.38 1.75 1.07 1.07 0 0 1-.35.57 1 1 0 0 1-.58.17h-.35L77 25.7a5.78 5.78 0 0 1 .61-1.92 4.55 4.55 0 0 1 2.69-2.2 6 6 0 0 1 1.85-.28ZM97.9 30.93h1.91v1.5a.48.48 0 0 1-.14.36.5.5 0 0 1-.39.15H97.9v3.71h-2.27v-3.71h-6.4a.72.72 0 0 1-.47-.16.74.74 0 0 1-.25-.4l-.26-1.32 7.19-9.6h2.46Zm-2.27-5v-.72c0-.26 0-.53.08-.81L91 30.93h4.62ZM106.53 36.68a1.44 1.44 0 0 1-.24.42 1.38 1.38 0 0 1-.34.3 1.44 1.44 0 0 1-.4.18 1.18 1.18 0 0 1-.41.07h-1.09L110.18 22a1.5 1.5 0 0 1 .52-.68 1.41 1.41 0 0 1 .81-.23h1.1ZM128.08 29.06a12.6 12.6 0 0 1-.43 3.45 7.1 7.1 0 0 1-1.18 2.42 4.71 4.71 0 0 1-1.77 1.42 5.41 5.41 0 0 1-4.41 0 4.68 4.68 0 0 1-1.76-1.42 7.08 7.08 0 0 1-1.16-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.16-2.41 4.68 4.68 0 0 1 1.76-1.42 5.41 5.41 0 0 1 4.41 0 4.71 4.71 0 0 1 1.77 1.42 7 7 0 0 1 1.18 2.41 12.63 12.63 0 0 1 .43 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.38 5.38 0 0 0-.65-1.72 2.34 2.34 0 0 0-.93-.9 2.39 2.39 0 0 0-2.17 0 2.3 2.3 0 0 0-.91.9 5.39 5.39 0 0 0-.64 1.72 12.9 12.9 0 0 0-.24 2.73 12.9 12.9 0 0 0 .24 2.73 5.49 5.49 0 0 0 .64 1.72 2.3 2.3 0 0 0 .91.9 2.39 2.39 0 0 0 2.17 0 2.34 2.34 0 0 0 .93-.9 5.48 5.48 0 0 0 .65-1.72 12.9 12.9 0 0 0 .24-2.73ZM135.16 21.3a5.65 5.65 0 0 1 1.9.3 4.25 4.25 0 0 1 1.44.83 3.59 3.59 0 0 1 .92 1.24 3.8 3.8 0 0 1 .32 1.55 4.45 4.45 0 0 1-.16 1.27 3.07 3.07 0 0 1-.47 1 2.82 2.82 0 0 1-.76.7 5.54 5.54 0 0 1-1 .47 3.85 3.85 0 0 1 2 1.31 3.56 3.56 0 0 1 .68 2.22 4.56 4.56 0 0 1-.42 2 4.35 4.35 0 0 1-1.14 1.47 5 5 0 0 1-1.65.89 6.23 6.23 0 0 1-2 .31 7 7 0 0 1-2-.26 4.55 4.55 0 0 1-1.48-.78 4.7 4.7 0 0 1-1.07-1.26 8.81 8.81 0 0 1-.75-1.72l1.14-.48a1.61 1.61 0 0 1 .6-.12 1.14 1.14 0 0 1 .49.11.83.83 0 0 1 .33.34 6.37 6.37 0 0 0 .41.72 3 3 0 0 0 .54.64 2.41 2.41 0 0 0 .74.45 2.63 2.63 0 0 0 1 .17 2.91 2.91 0 0 0 1.15-.21 2.48 2.48 0 0 0 .83-.56 2.34 2.34 0 0 0 .49-.77 2.38 2.38 0 0 0 .16-.86 4.35 4.35 0 0 0-.11-1 1.46 1.46 0 0 0-.49-.76 2.57 2.57 0 0 0-1-.5 7.53 7.53 0 0 0-1.8-.21V28a6.35 6.35 0 0 0 1.58-.17 2.66 2.66 0 0 0 1-.47 1.52 1.52 0 0 0 .52-.72 2.73 2.73 0 0 0 .15-.92 2.16 2.16 0 0 0-.59-1.64 2.27 2.27 0 0 0-1.6-.55 2.43 2.43 0 0 0-1.54.49 2.6 2.6 0 0 0-.85 1.25 1.19 1.19 0 0 1-.34.58 1 1 0 0 1-.58.17h-.36L130 25.7a5.35 5.35 0 0 1 .61-1.92 4.46 4.46 0 0 1 1.12-1.37 4.59 4.59 0 0 1 1.56-.83 6 6 0 0 1 1.87-.28ZM142 27.74a1.59 1.59 0 0 1 .12-.62 1.5 1.5 0 0 1 .33-.51 1.72 1.72 0 0 1 .51-.33 1.51 1.51 0 0 1 .63-.13 1.44 1.44 0 0 1 .62.13 1.45 1.45 0 0 1 .84.84 1.54 1.54 0 0 1 0 1.24 1.56 1.56 0 0 1-.33.5 1.5 1.5 0 0 1-.51.33 1.59 1.59 0 0 1-.62.12 1.68 1.68 0 0 1-.63-.12 1.72 1.72 0 0 1-.51-.33 1.56 1.56 0 0 1-.33-.5 1.59 1.59 0 0 1-.12-.62Zm0 7.48a1.67 1.67 0 0 1 .12-.62 1.56 1.56 0 0 1 .33-.5 2 2 0 0 1 .51-.34 1.68 1.68 0 0 1 .63-.12 1.59 1.59 0 0 1 .62.12 1.69 1.69 0 0 1 .51.34 1.56 1.56 0 0 1 .33.5 1.5 1.5 0 0 1 .13.62 1.48 1.48 0 0 1-.13.63 1.56 1.56 0 0 1-.33.5 1.5 1.5 0 0 1-.51.33 1.59 1.59 0 0 1-.62.12 1.68 1.68 0 0 1-.63-.12 1.72 1.72 0 0 1-.51-.33 1.56 1.56 0 0 1-.33-.5 1.64 1.64 0 0 1-.12-.63ZM158 29.06a12.63 12.63 0 0 1-.42 3.45 7.29 7.29 0 0 1-1.18 2.42 4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0 4.65 4.65 0 0 1-1.75-1.42 7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.17-2.41 4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0 4.66 4.66 0 0 1 1.78 1.42 7.23 7.23 0 0 1 1.18 2.41 12.65 12.65 0 0 1 .42 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.39 5.39 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.49 2.49 0 0 0-1.09-.26 2.39 2.39 0 0 0-1.08.26 2.32 2.32 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .64 1.72 2.32 2.32 0 0 0 .92.9 2.39 2.39 0 0 0 1.08.26 2.49 2.49 0 0 0 1.09-.26 2.34 2.34 0 0 0 .93-.9 5.49 5.49 0 0 0 .64-1.72 12.9 12.9 0 0 0 .24-2.73ZM170.18 29.06a12.23 12.23 0 0 1-.43 3.45 7.09 7.09 0 0 1-1.17 2.42 4.66 4.66 0 0 1-1.78 1.42 5.41 5.41 0 0 1-4.41 0 4.65 4.65 0 0 1-1.75-1.42 7.09 7.09 0 0 1-1.17-2.42 12.63 12.63 0 0 1-.42-3.45 12.65 12.65 0 0 1 .42-3.46 7 7 0 0 1 1.17-2.41 4.65 4.65 0 0 1 1.75-1.42 5.41 5.41 0 0 1 4.41 0 4.66 4.66 0 0 1 1.78 1.42 7 7 0 0 1 1.17 2.41 12.25 12.25 0 0 1 .43 3.46Zm-2.68 0a12.9 12.9 0 0 0-.24-2.73 5.64 5.64 0 0 0-.64-1.72 2.34 2.34 0 0 0-.93-.9 2.5 2.5 0 0 0-1.1-.26 2.38 2.38 0 0 0-1.07.26 2.32 2.32 0 0 0-.92.9 5.39 5.39 0 0 0-.64 1.72 13.69 13.69 0 0 0-.23 2.73 13.69 13.69 0 0 0 .23 2.73 5.49 5.49 0 0 0 .64 1.72 2.32 2.32 0 0 0 .92.9 2.38 2.38 0 0 0 1.07.26 2.5 2.5 0 0 0 1.1-.26 2.34 2.34 0 0 0 .93-.9 5.74 5.74 0 0 0 .64-1.72 12.9 12.9 0 0 0 .24-2.73Z"/></g></svg></div>
5
5
  <div>
6
6
  <strong class="toast-headline"><i18n>video.onboarding.headline</i18n> ! 🎉</strong>
7
7
  <p class="toast-text"><i18n>video.onboarding.text</i18n></p>
package/src/template/video/record.html CHANGED
@@ -1,4 +1,4 @@
1
- <div ng-controller="VideoController" class="video" custom-guard="guard">
1
+ <div ng-controller="VideoController" class="video" custom-guard="recordGuard">
2
2
  <div class="recorder--video">
3
3
  <div ng-if="isIncompatible() && !isIncompatibleDevice()" class="browser" style="box-shadow:none">
4
4
  <h3><i18n>embed.video.incompatible</i18n></h3>
package/src/template/video/upload.html CHANGED
@@ -17,31 +17,97 @@
17
17
  ~ MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.
18
18
  ~
19
19
  -->
20
+ <section custom-guard="uploadGuard">
21
+ <div ng-if="!display.isUploading">
22
+ <p>
23
+ <em class="twelve cell small-text"><i18n>video.upload.supported.formats</i18n></em>
24
+ <em class="twelve cell small-text"><i18n>video.upload.supported.weight</i18n></em>
25
+ </p>
26
+ <div class="row media-library">
27
+ <div class="drop-zone import-files">
28
+ <article class="drop flex-row align-center">
29
+ <i class="two cloud-upload"></i>
30
+ <div class="ten help">
31
+ <em><i18n>video.drop.help2</i18n></em>
32
+ </div>
33
+ </article>
34
+ <article class="default flex-row align-center absolute-position">
35
+ <div class="three select-file">
36
+ <div class="hidden-content">
37
+ <input
38
+ class="upload-input"
39
+ type="file"
40
+ files-input-change="importFiles()"
41
+ accept="video/avi, video/msvideo, video/x-msvideo, video/quicktime, video/x-quicktime, video/mp4, .mov, .avi, .mp4"
42
+ ng-model="upload.files" />
43
+ </div>
44
+ <button class="file-button no-margin" translate content="library.file.choose" ng-click="triggerIpnutFileClick($event)"></button>
45
+ </div>
46
+ <i class="two cloud-upload"></i>
47
+ <div class="seven help">
48
+ <em><i18n>video.drop.help</i18n></em>
49
+ </div>
50
+ </article>
20
51
 
21
- <p>
22
- <em class="twelve cell small-text"><i18n>video.upload.supported.formats</i18n></em>
23
- <em class="twelve cell small-text"><i18n>video.upload.supported.weight</i18n></em>
24
- </p>
25
- <div class="row media-library">
26
- <div class="drop-zone import-files">
27
- <article class="drop flex-row align-center">
28
- <i class="two cloud-upload"></i>
29
- <div class="ten help">
30
- <em><i18n>video.drop.help2</i18n></em>
31
- </div>
32
- </article>
33
- <article class="default flex-row align-center absolute-position">
34
- <div class="three select-file">
35
- <div class="hidden-content">
36
- <input class="upload-input" type="file" files-input-change="importFiles()" ng-model="upload.files" />
37
- </div>
38
- <button class="file-button no-margin" translate content="library.file.choose" ng-click="triggerIpnutFileClick($event)"></button>
39
52
  </div>
40
- <i class="two cloud-upload"></i>
41
- <div class="seven help">
42
- <em><i18n>video.drop.help</i18n></em>
53
+ </div>
54
+ </div>
55
+ <div ng-if="display.isUploading">
56
+ <div class="split-screen" ng-class="{ split: display.editedDocument !== undefined }">
57
+ <div class="loading-list drop-zone">
58
+ <ul>
59
+ <li ng-repeat="doc in upload.documents"
60
+ ng-click="openCompression(doc)"
61
+ ng-class="{
62
+ 'image-file': doc.isEditableImage && doc.uploadStatus === 'loaded',
63
+ 'loading': doc.uploadStatus === 'loading',
64
+ selected: doc === display.editedDocument
65
+ }"
66
+ >
67
+ <div class="icon">
68
+ <i class="[[doc.role()]]"></i>
69
+ <i tooltip-check="doc.isEditableImage && doc.uploadStatus === 'loaded'"
70
+ tooltip="medialibrary.editImage.tooltip" class="edit" ng-if="doc.isEditableImage && doc.uploadStatus === 'loaded'"></i>
71
+ </div>
72
+ <div class="title">[[doc.name || doc.title]]</div>
73
+ <div class="status-infos">
74
+ <span class="small-text horizontal-margin">
75
+ [[doc.size]]
76
+ </span>
77
+ <i ng-class="{
78
+ loading: doc.uploadStatus === 'loading',
79
+ loaded: doc.uploadStatus === 'loaded',
80
+ failed: doc.uploadStatus === 'failed'
81
+ }"></i>
82
+ </div>
83
+ <i class="close" ng-click="abortOrDelete(doc)"></i>
84
+ </li>
85
+ </ul>
43
86
  </div>
44
- </article>
45
-
87
+ </div>
88
+ <div class="row media-library-toolbar zero-mobile">
89
+ <div class="one cell">&nbsp;<!-- Marge d'Alizée, voir #44014 --></div>
90
+
91
+ <div class="five cell">
92
+ <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
93
+ <br>
94
+ <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
95
+ </div>
96
+ <div class="six cell">
97
+ <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
98
+ <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
99
+ </div>
100
+ </div>
101
+ <div class="twelve row zero-desktop">
102
+ <p>
103
+ <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
104
+ <br>
105
+ <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
106
+ </p>
107
+ <div class="twelve cell">
108
+ <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
109
+ <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
110
+ </div>
111
+ </div>
46
112
  </div>
47
- </div>
113
+ </section>
package/src/ts/deps.d.ts CHANGED
@@ -27,6 +27,7 @@ declare interface Document{
27
27
  declare interface Xiti {
28
28
  conf: any;
29
29
  ATInternet: any;
30
+ ATTag: any;
30
31
  structure: any;
31
32
  run(path?: string): Promise<void>;
32
33
  click(name: string, element: Element): Promise<void>;
package/types/src/ts/directives/index.d.ts CHANGED
@@ -26,6 +26,7 @@ export * from './imageCompression';
26
26
  export * from './imageEditor';
27
27
  export * from './imageLazyLoad';
28
28
  export * from './imageSelect';
29
+ export * from './img-on-error.directive';
29
30
  export * from './infotip';
30
31
  export * from './inputdate';
31
32
  export * from './inputPassword';
package/types/src/ts/skin.d.ts CHANGED
@@ -23,4 +23,5 @@ export declare var skin: {
23
23
  loadBookmarks: () => Promise<any>;
24
24
  loadConnected: () => Promise<any>;
25
25
  getHelpPath(): Promise<String>;
26
+ getBootstrapAssetsPath(): string;
26
27
  };
package/types/src/ts/workspace/model.d.ts CHANGED
@@ -154,6 +154,8 @@ export declare class Element extends Model implements Node, Shareable, Selectabl
154
154
  size?: number;
155
155
  captation?: boolean;
156
156
  duration?: number;
157
+ width?: number;
158
+ height?: number;
157
159
  };
158
160
  link?: string;
159
161
  icon?: string;
@@ -221,6 +223,8 @@ export declare class Element extends Model implements Node, Shareable, Selectabl
221
223
  size?: number;
222
224
  captation?: boolean;
223
225
  duration?: number;
226
+ width?: number;
227
+ height?: number;
224
228
  };
225
229
  version: number;
226
230
  link: string;
package/webpack-dev.config.js CHANGED
@@ -18,7 +18,7 @@ module.exports = {
18
18
  loaders: [
19
19
  {
20
20
  test: /\.ts$/,
21
- loader: 'awesome-typescript-loader'
21
+ loader: 'ts-loader'
22
22
  }
23
23
  ]
24
24
  }
package/src/template/video/loading.html DELETED
@@ -1,56 +0,0 @@
1
- <div class="split-screen" ng-class="{ split: display.editedDocument !== undefined }">
2
- <div class="loading-list drop-zone">
3
- <ul>
4
- <li ng-repeat="doc in upload.documents"
5
- ng-click="openCompression(doc)"
6
- ng-class="{
7
- 'image-file': doc.isEditableImage && doc.uploadStatus === 'loaded',
8
- 'loading': doc.uploadStatus === 'loading',
9
- selected: doc === display.editedDocument
10
- }"
11
- >
12
- <div class="icon">
13
- <i class="[[doc.role()]]"></i>
14
- <i tooltip-check="doc.isEditableImage && doc.uploadStatus === 'loaded'"
15
- tooltip="medialibrary.editImage.tooltip" class="edit" ng-if="doc.isEditableImage && doc.uploadStatus === 'loaded'"></i>
16
- </div>
17
- <div class="title">[[doc.name || doc.title]]</div>
18
- <div class="status-infos">
19
- <span class="small-text horizontal-margin">
20
- [[doc.size]]
21
- </span>
22
- <i ng-class="{
23
- loading: doc.uploadStatus === 'loading',
24
- loaded: doc.uploadStatus === 'loaded',
25
- failed: doc.uploadStatus === 'failed'
26
- }"></i>
27
- </div>
28
- <i class="close" ng-click="abortOrDelete(doc)"></i>
29
- </li>
30
- </ul>
31
- </div>
32
- </div>
33
- <div class="row zero-mobile">
34
- <div class="one cell">&nbsp;<!-- Marge d'Alizée, voir #44014 --></div>
35
-
36
- <div class="five cell">
37
- <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
38
- <br>
39
- <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
40
- </div>
41
- <div class="six cell">
42
- <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
43
- <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
44
- </div>
45
- </div>
46
- <div class="twelve row zero-desktop">
47
- <p>
48
- <em class="small-text"><i18n>video.upload.supported.formats</i18n></em>
49
- <br>
50
- <em class="small-text"><i18n>video.upload.supported.weight</i18n></em>
51
- </p>
52
- <div class="twelve cell">
53
- <button class="right-magnet" ng-click="confirmImport()" ng-disabled="!canConfirmImport()" type="button"><i18n>import</i18n></button>
54
- <button class="right-magnet cancel" ng-click="cancelUpload()" type="button"><i18n>cancel</i18n></button>
55
- </div>
56
- </div>