fcad-core-dragon 2.1.0-beta.3 → 2.1.0-beta.4

package/.editorconfig

@@ -1,33 +1,33 @@
-# http://editorconfig.org
-root = true
-
-[*]
-indent_style = space
-indent_size = 2
-end_of_line = lf
-charset = utf-8
-trim_trailing_whitespace = true
-insert_final_newline = true
-
-
-# The JSON files contain newlines inconsistently
-[*.json]
-insert_final_newline = ignore
-
-# Minified JavaScript files shouldn't be changed
-[**.min.js]
-indent_style = ignore
-insert_final_newline = ignore
-
-# Makefiles always use tabs for indentation
-[Makefile]
-indent_style = tab
-
-# Batch files use tabs for indentation
-[*.bat]
-indent_style = tab
-
-[*.md]
-trim_trailing_whitespace = false
- insert_final_newline = false
-
+# http://editorconfig.org
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+
+# The JSON files contain newlines inconsistently
+[*.json]
+insert_final_newline = ignore
+
+# Minified JavaScript files shouldn't be changed
+[**.min.js]
+indent_style = ignore
+insert_final_newline = ignore
+
+# Makefiles always use tabs for indentation
+[Makefile]
+indent_style = tab
+
+# Batch files use tabs for indentation
+[*.bat]
+indent_style = tab
+
+[*.md]
+trim_trailing_whitespace = false
+ insert_final_newline = false
+

package/.eslintignore

@@ -1,29 +1,29 @@
-.DS_Store
-node_modules
-/dist
-yalc.lock
-package-lock.json
-.zip
-
-# local env files
-.env.local
-.env.*.local
-
-# Log files
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-
-# Editor directories and files
-.idea
-.vscode
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-\_*
-.eslintrc
-.gitignore
-
+.DS_Store
+node_modules
+/dist
+yalc.lock
+package-lock.json
+.zip
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+\_*
+.eslintrc
+.gitignore
+

package/.eslintrc.cjs

@@ -1,81 +1,81 @@
-// Special confirugation for pettier for this project. Creating this file is optional in a project.
-module.exports = {
-  root: true,
-  env: {
-    node: true,
-    browser: true
-  },
-  plugins: ['prettier'],
-  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
-  rules: {
-    // Only allow debugger in development
-    'no-debugger': process.env.PRE_COMMIT ? 'error' : 'off',
-    // Only allow `console.log` in development
-    'no-console': process.env.PRE_COMMIT
-      ? ['error', { allow: ['warn', 'error'] }]
-      : 'off',
-    //'comma-dangle': ['error', 'never'],
-    'no-alert': 'off',
-    //'vue/array-bracket-spacing': 'error',
-    //'vue/block-spacing': 'error',
-    // 'vue/comma-dangle': ['error', 'never'],
-    //'vue/object-curly-spacing': ['error', 'always'],
-    'vue/no-v-for-template-key': 'off',
-    'vue/valid-template-root': 'off',
-    // 'vue/no-v-for-template-key-on-child':'off',
-    'vue/component-name-in-template-casing': [
-      'error',
-      'kebab-case',
-      {
-        ignores: []
-      }
-    ],
-    'vue/no-v-html': 'off',
-    'prettier/prettier': [
-      'error',
-      {
-        singleQuote: true,
-        semi: false,
-        tabWidth: 2,
-        trailingComma: 'none',
-        arrowParens: 'always',
-        htmlWhitespaceSensitivity: 'ignore',
-        endOfLine: 'auto'
-      }
-    ],
-    'no-param-reassign': [0, { allowPassedByValue: true }],
-    'no-shadow': 'off',
-    'prefer-const': [
-      'off',
-      {
-        destructuring: 'any',
-        ignoreReadBeforeAssign: false
-      }
-    ],
-    'consistent-return': 'off',
-    camelcase: 'off',
-    'no-underscore-dangle': 'off',
-    'no-restricted-syntax': 'off',
-    'no-lonely-if': 'off',
-    'default-case': 'off',
-    'no-plusplus': 'off',
-    'no-loop-func': 'off',
-    'no-prototype-builtins': 'off',
-    'func-names': 'off',
-    'no-unused-vars': ['error', { args: 'none', ignoreRestSiblings: true }]
-  },
-  parserOptions: {
-    sourceType: 'module'
-  },
-  overrides: [
-    {
-      files: [
-        '**/__tests__/*.{j,t}s?(x)',
-        '**/tests/unit/**/*.spec.{j,t}s?(x)'
-      ],
-      env: {
-        jest: true
-      }
-    }
-  ]
-}
+// Special confirugation for pettier for this project. Creating this file is optional in a project.
+module.exports = {
+  root: true,
+  env: {
+    node: true,
+    browser: true
+  },
+  plugins: ['prettier'],
+  extends: ['eslint:recommended', 'plugin:vue/vue3-recommended', 'prettier'],
+  rules: {
+    // Only allow debugger in development
+    'no-debugger': process.env.PRE_COMMIT ? 'error' : 'off',
+    // Only allow `console.log` in development
+    'no-console': process.env.PRE_COMMIT
+      ? ['error', { allow: ['warn', 'error'] }]
+      : 'off',
+    //'comma-dangle': ['error', 'never'],
+    'no-alert': 'off',
+    //'vue/array-bracket-spacing': 'error',
+    //'vue/block-spacing': 'error',
+    // 'vue/comma-dangle': ['error', 'never'],
+    //'vue/object-curly-spacing': ['error', 'always'],
+    'vue/no-v-for-template-key': 'off',
+    'vue/valid-template-root': 'off',
+    // 'vue/no-v-for-template-key-on-child':'off',
+    'vue/component-name-in-template-casing': [
+      'error',
+      'kebab-case',
+      {
+        ignores: []
+      }
+    ],
+    'vue/no-v-html': 'off',
+    'prettier/prettier': [
+      'error',
+      {
+        singleQuote: true,
+        semi: false,
+        tabWidth: 2,
+        trailingComma: 'none',
+        arrowParens: 'always',
+        htmlWhitespaceSensitivity: 'ignore',
+        endOfLine: 'auto'
+      }
+    ],
+    'no-param-reassign': [0, { allowPassedByValue: true }],
+    'no-shadow': 'off',
+    'prefer-const': [
+      'off',
+      {
+        destructuring: 'any',
+        ignoreReadBeforeAssign: false
+      }
+    ],
+    'consistent-return': 'off',
+    camelcase: 'off',
+    'no-underscore-dangle': 'off',
+    'no-restricted-syntax': 'off',
+    'no-lonely-if': 'off',
+    'default-case': 'off',
+    'no-plusplus': 'off',
+    'no-loop-func': 'off',
+    'no-prototype-builtins': 'off',
+    'func-names': 'off',
+    'no-unused-vars': ['error', { args: 'none', ignoreRestSiblings: true }]
+  },
+  parserOptions: {
+    sourceType: 'module'
+  },
+  overrides: [
+    {
+      files: [
+        '**/__tests__/*.{j,t}s?(x)',
+        '**/tests/unit/**/*.spec.{j,t}s?(x)'
+      ],
+      env: {
+        jest: true
+      }
+    }
+  ]
+}

package/CHANGELOG

@@ -1,3 +1,6 @@
+2.1.0-beta.4(26 septembre 2025)
+	ajout du plugin ScrollTrigger à l’objet $gsap
+
 2.1.0-beta.3(24 septembre 2025)
 	RUPTURE DE COMPATIBILITÉ : Ajout de Google Analytics (analytics_id dans app.vue) nouvelle dépendance : npm install vue-gtag@2.0.1
 

package/bk.scss

@@ -1,117 +1,117 @@
-    
-
-    .navbar {
-      position: absolute;
-      top: 0;
-      left: 0;
-      z-index: 10;
-      display: flex;
-      flex-direction: column;
-      flex-wrap: wrap;
-      align-content: start;
-      width: 67px;
-      height: 100%;
-    }
-
-    .module-wrapper {
-      width: 100%;
-      position: relative;
-
-      #wrapper-content {
-        width: 100%;
-        position: relative;
-        padding-right: 0 !important;
-        padding-left: 0 !important;
-
-        &.active {
-          overflow: hidden;
-        }
-
-        .box {
-          width: 100%;
-          height: 95%;
-
-          .app-page {
-            width: 100%;
-            margin-top: 60px;
-
-            .row {
-              width: 100%;
-              margin-right: 0;
-              margin-left: 0;
-            }
-          }
-        }
-      }
-
-      .app-comp-table-of-content {
-        display: -webkit-flex;
-        display: flex;
-        flex-direction: column;
-        flex-wrap: wrap;
-        position: absolute;
-        top: 0px;
-        min-height: 100%;
-        z-index: 1;
-      }
-    }
-
-    .app-nav {
-      .md-controller {
-        display: -webkit-flex;
-        display: flex;
-        flex-direction: row;
-        align-items: baseline;
-        //width: $widthPlayer;
-        width: 50%;
-
-        .ctrl-play {
-          display: -webkit-flex;
-          display: flex;
-          flex-direction: row;
-          align-items: baseline;
-          //width: $widthPlayer;
-          width: 50%;
-
-          #progress-bar {
-            display: block;
-            //width: $widthProgressBar;
-            width: 150px;
-            //height: $heigthProgressBar;
-            height: 10px;
-            position: relative;
-            overflow: hidden;
-
-            #progress {
-              display: block;
-              height: 100%;
-              background-color: red;
-            }
-
-            #progress-shaddow {
-              display: block;
-              height: 100%;
-              position: absolute;
-              top: 0px;
-              left: 0px;
-              z-index: -1;
-            }
-          }
-        }
-
-        .ctrl-subtitle {
-          //width: $widthCtrSubtitle;
-          width: 10%;
-        }
-
-        .ctrl-sound {
-          display: -webkit-flex;
-          display: flex;
-          flex-direction: row;
-          align-items: baseline;
-          justify-content: space-between;
-          //width: $widthCtrlSound;
-          width: 40%;
-        }
-      }
-    }
+    
+
+    .navbar {
+      position: absolute;
+      top: 0;
+      left: 0;
+      z-index: 10;
+      display: flex;
+      flex-direction: column;
+      flex-wrap: wrap;
+      align-content: start;
+      width: 67px;
+      height: 100%;
+    }
+
+    .module-wrapper {
+      width: 100%;
+      position: relative;
+
+      #wrapper-content {
+        width: 100%;
+        position: relative;
+        padding-right: 0 !important;
+        padding-left: 0 !important;
+
+        &.active {
+          overflow: hidden;
+        }
+
+        .box {
+          width: 100%;
+          height: 95%;
+
+          .app-page {
+            width: 100%;
+            margin-top: 60px;
+
+            .row {
+              width: 100%;
+              margin-right: 0;
+              margin-left: 0;
+            }
+          }
+        }
+      }
+
+      .app-comp-table-of-content {
+        display: -webkit-flex;
+        display: flex;
+        flex-direction: column;
+        flex-wrap: wrap;
+        position: absolute;
+        top: 0px;
+        min-height: 100%;
+        z-index: 1;
+      }
+    }
+
+    .app-nav {
+      .md-controller {
+        display: -webkit-flex;
+        display: flex;
+        flex-direction: row;
+        align-items: baseline;
+        //width: $widthPlayer;
+        width: 50%;
+
+        .ctrl-play {
+          display: -webkit-flex;
+          display: flex;
+          flex-direction: row;
+          align-items: baseline;
+          //width: $widthPlayer;
+          width: 50%;
+
+          #progress-bar {
+            display: block;
+            //width: $widthProgressBar;
+            width: 150px;
+            //height: $heigthProgressBar;
+            height: 10px;
+            position: relative;
+            overflow: hidden;
+
+            #progress {
+              display: block;
+              height: 100%;
+              background-color: red;
+            }
+
+            #progress-shaddow {
+              display: block;
+              height: 100%;
+              position: absolute;
+              top: 0px;
+              left: 0px;
+              z-index: -1;
+            }
+          }
+        }
+
+        .ctrl-subtitle {
+          //width: $widthCtrSubtitle;
+          width: 10%;
+        }
+
+        .ctrl-sound {
+          display: -webkit-flex;
+          display: flex;
+          flex-direction: row;
+          align-items: baseline;
+          justify-content: space-between;
+          //width: $widthCtrlSound;
+          width: 40%;
+        }
+      }
+    }

package/documentation/composants/app-comp-audio.md

@@ -15,9 +15,41 @@ S'affiche dans un  en cadré avec un titre (obligatoire), une image (pas obligat
 `<app-comp-audio-player :aud-data="audioData2"/>` 
 
 
-## Paramètre 
-
-Aucun paramètre n'est nécessaire pour ce composant.
+## Structure de données
+Voici la structure à utiliser pour les données d'un contenu audio
+> [!IMPORTANT]
+> audiosData doit être un tableau (array)
+```js
+import aud1 from '@/assets/medias/exemple_audio.mp3'
+import posterAud1 from '@/assets/img/audio_poster.png'
+
+export default {
+  data() {
+    return {
+      id: 'P01',
+      activityRef: 'A03',
+      title: 'Lecteurs médias',
+      type: 'pg_normal',
+      audiosData: [
+        {
+          id: 'aud1',
+          mTitle: 'Et si... Annie Ernaux nous parlait',
+          mSources: [
+            {
+              type: 'mp3',
+              src: aud1
+            }
+          ],
+          mPoster: posterAud1,
+          mAlt: "Portrait de l'autrice Annie Ernaux",
+          mTranscript:
+            '<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>'
+        }
+      ]
+    }
+  }
+}
+```
 
 ### Props
 

package/documentation/composants/app-comp-video-player.md

@@ -20,9 +20,48 @@ Les transcripts ouvrent dans une fenêtre latérale. Une seule fenêtre peux êt
 
 `<app-comp-video-player :vid-data="videoData" />`
 
-## Paramètre 
-
-Il n'y a pas de paramètre pour ce composant. 
+## Structure de données
+
+Voici la structure à utiliser pour les données d'une vidéo
+> [!IMPORTANT]
+> videosData doit être un tableau (array)
+
+```js
+import videoExemple from '@/assets/medias/exemple_video.mp4'
+import posterDandurand from '@/assets/img/video_poster.jpg'
+import vttVid1FR from '@/assets/medias/exemple_soustitres.vtt'
+
+export default {
+  data() {
+    return {
+      id: 'P01',
+      activityRef: 'A03',
+      title: 'Lecteurs médias',
+      type: 'pg_normal',
+      videosData: [
+        {
+          id: 'vid1',
+          mSources: [
+            {
+              type: 'mp4',
+              src: videoExemple
+            }
+          ],
+          mSubtitles: [
+            {
+              label: 'Français',
+              src: vttVid1FR,
+              srclang: 'fr'
+            }
+          ],
+          mPoster: posterDandurand,
+          mTranscript: 'exemple_transcript.html' // The file MUST be in the public folder of the project
+        }
+      ]
+    }
+  }
+}
+```
 
 ### Props
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "fcad-core-dragon",
-  "version": "2.1.0-beta.3",
+  "version": "2.1.0-beta.4",
   "private": false,
   "type": "module",
   "main": "./src/main.js",