@escolalms/components - npm Package Compare versions

Comparing version 0.0.46 to 0.0.47

lib/components/players/H5Player/H5Player.js

@@ -52,3 +52,3 @@ "use strict";
     var h5pThemeCSSOverwriteSrc = (0, react_1.useMemo)(function () {
-        var css = "\n    @import url(\"https://fonts.googleapis.com/css2?family=".concat(themeContext.font, ":wght@400;500;700&display=swap\");\n\n    *{\n      font-family: ").concat((0, provider_1.getFontFromTheme)(themeContext).fontFamily, "!important;\n    }\n    button {\n      border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    }\n    input, textarea {\n      border-radius: ").concat(themeContext.inputRadius, "px!important;\n    }\n    .h5p-baq-intro-page {\n      background: ").concat(themeContext.secondaryColor, " !important;\n      color: ").concat(themeContext.primaryColor, " !important;\n    }\n    .h5p-joubelui-button.mq-control-button {\n      background: ").concat(themeContext.primaryColor, " !important;\n      border-bottom: none!important;\n      text-shadow: none!important;\n      border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    }\n    .h5p-joubelui-button {\n      border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    }\n    .h5p-baq-intro-page-title {\n      text-shadow: none!important;\n      color: ").concat(themeContext.white, " !important;\n    }\n    .h5p-baq {\n      background: ").concat(themeContext.primaryColor, " !important;\n    }\n    .h5p-baq-countdown-text {\n      background: ").concat(themeContext.primaryColor, " !important;\n    }\n    .h5p-baq-countdown-bg.fuel {\n      background: ").concat(themeContext.primaryColor, " !important;\n      filter: brightness(0.8) !important;\n    }\n    .h5p-joubelui-progressbar-background {\n      background: ").concat(themeContext.primaryColor, " !important;\n      filter: brightness(0.8) !important;\n    }\n    .h5p-baq-alternatives > .h5p-joubelui-button:active, .h5p-baq-alternatives > .h5p-joubelui-button:hover {\n      background: ").concat(themeContext.primaryColor, " !important;\n      filter: brightness(0.8) !important;\n    }\n   .odometer-value {\n    color: ").concat(themeContext.primaryColor, " !important;\n   }\n   .h5p-question {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button {\n    background: ").concat(themeContext.primaryColor, " !important;\n   }\n   .h5p-crossword-cell.h5p-crossword-cell-empty {\n    background: ").concat(themeContext.mode === "dark" ? themeContext.gray2 : themeContext.gray3, " !important;\n   }\n   .h5p-crossword-input-fields-group-input {\n    background:").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    color: ").concat(fontColor, " !important;\n   }\n   .h5p-crossword .h5p-crossword-cell:not(.h5p-crossword-solution-correct):not(.h5p-crossword-solution-wrong):not(.h5p-crossword-solution-neutral).h5p-crossword-highlight-normal {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue.h5p-crossword-input-fields-group-clue-highlight-focus .h5p-crossword-input-fields-group-clue-id {\n    background: ").concat(themeContext.primaryColor, "!important;\n    color: ").concat(themeContext.white, "!important;\n   }\n   .h5p-crossword .h5p-crossword-cell.h5p-crossword-highlight-normal .h5p-crossword-cell-canvas {\n    color: ").concat(themeContext.white, "!important;\n   }\n   .h5p-dialogcards {\n      background: ").concat(backgroundColor, " !important;\n      color: ").concat(fontColor, "!important;\n   }\n   .h5p-dialogcards-card-content {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-dialogcards .h5p-audio-minimal-button {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-essay-input-field-textfield {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-question-feedback-content-text {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-question-explanation-container {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-question-explanation-item {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-accordion .h5p-panel-title {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-panel-content h5p-advanced-text {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-status dt {\n    color: ").concat(fontColor, "!important;  \n   }\n   .h5p-status dd {\n    color: ").concat(fontColor, "!important;  \n   }\n   .h5p-accordion .h5p-panel-title:before {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-accordion {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-panel-title {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-panel-expanded {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-questionnaire-element.h5p-questionnaire-required .h5p-subcontent-question {\n    background: ").concat(themeContext.primaryColor, "!important;\n    color: ").concat(themeContext.white, "!important;\n   }\n   .h5p-questionnaire-required-symbol {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-questionnaire-progress-bar-current {\n    background: ").concat(themeContext.primaryColor, " !important;\n    filter: brightness(0.8) !important;\n   }\n   .h5p-questionnaire-footer {\n    background: ").concat(themeContext.mode === "dark" ? themeContext.gray2 : themeContext.gray4, " !important;\n    border: none!important;\n   }\n   .h5p-questionnaire-button, .h5peditor .h5p-questionnaire-button {\n    background: ").concat(themeContext.primaryColor, " !important;\n    border: none!important;\n   }\n   .h5p-open-ended-question-input {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    color: ").concat(fontColor, "!important;\n    width: 100%!important;\n    max-width: 100%!important;\n   }\n   .h5p-open-ended-question-content {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-open-ended-question-question:before {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-questionnaire-progress-bar {\n    background: ").concat(themeContext.gray2, " !important;\n   }\n   .h5p-open-ended-question-question, \n   .h5p-simple-multiple-choice-question, \n   h5p-subcontent-question {\n    background: ").concat(themeContext.primaryColor, " !important;\n   }\n   .h5p-true-false-answer {\n    background: ").concat(backgroundColor, "!important;\n   }\n   .h5p-true-false-answer[aria-checked=true] {\n    background: ").concat(themeContext.primaryColor, "!important;\n    color: ").concat(themeContext.white, "!important;\n    border: 1px solid ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-true-false-answer:focus {\n    box-shadow: 0 0 0 1px ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-multichoice .h5p-alternative-container {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    box-shadow: none!important;\n   }\n   .h5p-multichoice .h5p-answer[aria-checked=\"true\"] .h5p-alternative-container {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-multichoice .h5p-answer .h5p-alternative-container:before {\n    color: ").concat(themeContext.mode === "dark" ? themeContext.gray4 : themeContext.gray2, "!important;\n    border-radius: ").concat(themeContext.checkboxRadius, "!important;\n   }\n   .h5p-question-feedback {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   ul.h5p-sc-alternatives li.h5p-sc-alternative {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    box-shadow: none!important;\n   }\n   li.h5p-sc-alternative .h5p-sc-progressbar {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n  \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct, \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:hover, \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:active, \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:focus {\n    color: ").concat(themeContext.mode === "dark" ? "lime" : "green", "!important;\n   }\n   .h5p-image-hotspot-popup {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-image-hotspots {\n    background-color: ").concat(backgroundColor, " !important;\n   }\n   .h5p-image-hotspot-popup-pointer {\n    border-left: 0.6em solid ").concat(backgroundColor, "!important;\n   }\n   .h5p-image-sequencing {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-task-description {\n    color: ").concat(fontColor, "!important;\n   }\n   .draggabled .image-desc .text {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-guess-answer {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-content {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-guess-answer-title {\n    color: ").concat(fontColor, "!important;\n   }\n   .show-solution-button {\n    background: ").concat(themeContext.primaryColor, " !important;\n    color: ").concat(themeContext.white, "!important;\n   }\n   .solution-text {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-image-slider-progress-element {\n    background: transparent !important;\n    border: 1px solid ").concat(themeContext.primaryColor, "!important;\n    border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    width: 9px!important;\n    height: 9px!important;\n   }\n   .h5p-image-slider-current-progress-element {\n    background: ").concat(themeContext.primaryColor, " !important;\n   }\n  ");
+        var css = "\n    @import url(\"https://fonts.googleapis.com/css2?family=".concat(themeContext.font, ":wght@400;500;700&display=swap\");\n\n    *{\n      font-family: ").concat((0, provider_1.getFontFromTheme)(themeContext).fontFamily, "!important;\n    }\n    button {\n      border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    }\n    input, textarea {\n      border-radius: ").concat(themeContext.inputRadius, "px!important;\n    }\n    .h5p-baq-intro-page {\n      background: ").concat(themeContext.secondaryColor, " !important;\n      color: ").concat(themeContext.primaryColor, " !important;\n    }\n    .h5p-joubelui-button.mq-control-button {\n      background: ").concat(themeContext.primaryColor, " !important;\n      border-bottom: none!important;\n      text-shadow: none!important;\n      border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    }\n    .h5p-joubelui-button {\n      border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    }\n    .h5p-baq-intro-page-title {\n      text-shadow: none!important;\n      color: ").concat(themeContext.white, " !important;\n    }\n    .h5p-baq {\n      background: ").concat(themeContext.primaryColor, " !important;\n    }\n    .h5p-baq-countdown-text {\n      background: ").concat(themeContext.primaryColor, " !important;\n    }\n    .h5p-baq-countdown-bg.fuel {\n      background: ").concat(themeContext.primaryColor, " !important;\n      filter: brightness(0.8) !important;\n    }\n    .h5p-joubelui-progressbar-background {\n      background: ").concat(themeContext.primaryColor, " !important;\n      filter: brightness(0.8) !important;\n    }\n    .h5p-baq-alternatives > .h5p-joubelui-button:active, .h5p-baq-alternatives > .h5p-joubelui-button:hover {\n      background: ").concat(themeContext.primaryColor, " !important;\n      filter: brightness(0.8) !important;\n    }\n   .odometer-value {\n    color: ").concat(themeContext.primaryColor, " !important;\n   }\n   .h5p-question {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5peditor .ui-dialog .h5p-joubelui-button, .h5peditor .h5p-joubelui-button, .h5p-joubelui-button {\n    background: ").concat(themeContext.primaryColor, " !important;\n   }\n   .h5p-crossword-cell.h5p-crossword-cell-empty {\n    background: ").concat(themeContext.mode === "dark" ? themeContext.gray2 : themeContext.gray3, " !important;\n   }\n   .h5p-crossword-input-fields-group-input {\n    background:").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    color: ").concat(fontColor, " !important;\n   }\n   .h5p-crossword .h5p-crossword-cell:not(.h5p-crossword-solution-correct):not(.h5p-crossword-solution-wrong):not(.h5p-crossword-solution-neutral).h5p-crossword-highlight-normal {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-crossword .h5p-crossword-input-fields-group-wrapper-clue.h5p-crossword-input-fields-group-clue-highlight-focus .h5p-crossword-input-fields-group-clue-id {\n    background: ").concat(themeContext.primaryColor, "!important;\n    color: ").concat(themeContext.white, "!important;\n   }\n   .h5p-crossword .h5p-crossword-cell.h5p-crossword-highlight-normal .h5p-crossword-cell-canvas {\n    color: ").concat(themeContext.white, "!important;\n   }\n   .h5p-dialogcards {\n      background: ").concat(backgroundColor, " !important;\n      color: ").concat(fontColor, "!important;\n   }\n   .h5p-dialogcards-card-content {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-dialogcards .h5p-audio-minimal-button {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-essay-input-field-textfield {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-question-feedback-content-text {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-question-explanation-container {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-question-explanation-item {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-accordion .h5p-panel-content {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-accordion .h5p-panel-title {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-panel-content h5p-advanced-text {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-status dt {\n    color: ").concat(fontColor, "!important;  \n   }\n   .h5p-status dd {\n    color: ").concat(fontColor, "!important;  \n   }\n   .h5p-accordion .h5p-panel-title:before {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-accordion {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-panel-title {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-panel-expanded {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-questionnaire-element.h5p-questionnaire-required .h5p-subcontent-question {\n    background: ").concat(themeContext.primaryColor, "!important;\n    color: ").concat(themeContext.white, "!important;\n   }\n   .h5p-questionnaire-required-symbol {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-questionnaire-progress-bar-current {\n    background: ").concat(themeContext.primaryColor, " !important;\n    filter: brightness(0.8) !important;\n   }\n   .h5p-questionnaire-footer {\n    background: ").concat(themeContext.mode === "dark" ? themeContext.gray2 : themeContext.gray4, " !important;\n    border: none!important;\n   }\n   .h5p-questionnaire-button, .h5peditor .h5p-questionnaire-button {\n    background: ").concat(themeContext.primaryColor, " !important;\n    border: none!important;\n   }\n   .h5p-open-ended-question-input {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    color: ").concat(fontColor, "!important;\n    width: 100%!important;\n    max-width: 100%!important;\n   }\n   .h5p-open-ended-question-content {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-open-ended-question-question:before {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-questionnaire-progress-bar {\n    background: ").concat(themeContext.gray2, " !important;\n   }\n   .h5p-open-ended-question-question, \n   .h5p-simple-multiple-choice-question, \n   h5p-subcontent-question {\n    background: ").concat(themeContext.primaryColor, " !important;\n   }\n   .h5p-true-false-answer {\n    background: ").concat(backgroundColor, "!important;\n   }\n   .h5p-true-false-answer[aria-checked=true] {\n    background: ").concat(themeContext.primaryColor, "!important;\n    color: ").concat(themeContext.white, "!important;\n    border: 1px solid ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-true-false-answer:focus {\n    box-shadow: 0 0 0 1px ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-multichoice .h5p-alternative-container {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    box-shadow: none!important;\n   }\n   .h5p-multichoice .h5p-answer[aria-checked=\"true\"] .h5p-alternative-container {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-multichoice .h5p-answer .h5p-alternative-container:before {\n    color: ").concat(themeContext.mode === "dark" ? themeContext.gray4 : themeContext.gray2, "!important;\n    border-radius: ").concat(themeContext.checkboxRadius, "!important;\n   }\n   .h5p-question-feedback {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   ul.h5p-sc-alternatives li.h5p-sc-alternative {\n    background: ").concat(inputBackground, " !important;\n    border: 1px solid ").concat(inputBorder, "!important;\n    box-shadow: none!important;\n   }\n   li.h5p-sc-alternative .h5p-sc-progressbar {\n    background: ").concat(themeContext.primaryColor, "!important;\n   }\n  \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct, \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:hover, \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:active, \n   ul.h5p-sc-alternatives.h5p-sc-selected li.h5p-sc-alternative.h5p-sc-reveal-correct:focus {\n    color: ").concat(themeContext.mode === "dark" ? "lime" : "green", "!important;\n   }\n   .h5p-image-hotspot-popup {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-image-hotspots {\n    background-color: ").concat(backgroundColor, " !important;\n   }\n   .h5p-image-hotspot-popup-pointer {\n    border-left: 0.6em solid ").concat(backgroundColor, "!important;\n   }\n   .h5p-image-sequencing {\n    background: ").concat(backgroundColor, " !important;\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-task-description {\n    color: ").concat(fontColor, "!important;\n   }\n   .draggabled .image-desc .text {\n    color: ").concat(fontColor, "!important;\n   }\n   .h5p-guess-answer {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-content {\n    background: ").concat(backgroundColor, " !important;\n   }\n   .h5p-guess-answer-title {\n    color: ").concat(fontColor, "!important;\n   }\n   .show-solution-button {\n    background: ").concat(themeContext.primaryColor, " !important;\n    color: ").concat(themeContext.white, "!important;\n   }\n   .solution-text {\n    color: ").concat(themeContext.primaryColor, "!important;\n   }\n   .h5p-image-slider-progress-element {\n    background: transparent !important;\n    border: 1px solid ").concat(themeContext.primaryColor, "!important;\n    border-radius: ").concat(themeContext.buttonRadius, "px!important;\n    width: 9px!important;\n    height: 9px!important;\n   }\n   .h5p-image-slider-current-progress-element {\n    background: ").concat(themeContext.primaryColor, " !important;\n   }\n  ");
         return "data:text/css;base64,".concat(btoa(css));
@@ -55,0 +55,0 @@ }, [themeContext]);

package.json

 {
   "name": "@escolalms/components",
-  "version": "0.0.46",
+  "version": "0.0.47",
   "main": "lib/index.js",
@@ -5,0 +5,0 @@ "license": "MIT",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

16959378

Lines of code

25934

increased by0.01%

No dependency changes