@kbss-cvut/s-forms 0.9.1 → 0.9.2-beta-bfb894d.0

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 (18) hide show
  1. package/dist/components/media/MediaAssetViewer.d.ts +2 -1
  2. package/dist/components/media/icons/fullscreenIcon.d.ts +2 -0
  3. package/dist/s-forms.cjs +1 -1
  4. package/dist/s-forms.cjs.map +1 -1
  5. package/dist/s-forms.css +1 -1
  6. package/dist/s-forms.css.map +1 -1
  7. package/dist/s-forms.js +1 -1
  8. package/dist/s-forms.js.map +1 -1
  9. package/dist/s-forms.modern.js +1 -1
  10. package/dist/s-forms.modern.js.map +1 -1
  11. package/dist/s-forms.umd.js +1 -1
  12. package/dist/s-forms.umd.js.map +1 -1
  13. package/dist/util/MediaAssetViewerUtils.d.ts +58 -0
  14. package/package.json +1 -1
  15. package/dist/components/answer/OptimizedMenuList.d.ts +0 -5
  16. package/dist/components/answer/SelectAnswer.d.ts +0 -29
  17. package/dist/components/answer/TypeaheadAnswer.d.ts +0 -14
  18. package/dist/stories/TypeaheadAnswer.stories.d.ts +0 -3
package/dist/s-forms.css CHANGED
@@ -1,2 +1,2 @@
1
- .checkbox label{font-weight:700}.panel-title .checkbox label{font-weight:400}.answerable-question{background-color:#e6f9fb;border:1px solid #dfdfdf;border-bottom-color:transparent;border-top-left-radius:3px;border-top-right-radius:3px;color:#000;padding:.75rem 1.25rem}.select-answer-wrapper{position:relative}.select-feedback-badge{align-items:center;bottom:.6rem;display:none;font-size:1rem;font-weight:700;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:1rem}.select-feedback-badge.visible{display:flex}.select-feedback-badge.correct{color:#155724}.select-feedback-badge.incorrect{color:#721c24}.select-correct{border-color:#c3e6cb!important;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)!important}.select-incorrect{border-color:#f5c6cb!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.answerable-subquestions{border:1px solid #dfdfdf;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:1.11rem;padding:1rem}.answerable-question .form-group{margin-bottom:0}.answerable-question .form-group .form-check-input{margin-top:.37rem}.answerable-section .form-group .form-check-label{font-weight:500;margin-left:.11rem}a{text-decoration:none}a:focus,a:hover{text-decoration:underline}.answerable-section .card-header .col-10{flex-basis:auto;padding-right:0;width:auto}.overlay-comment{position:absolute;z-index:10}svg{fill:currentColor}.comment-delete,.question-comment{cursor:pointer}.caret-square-down,.caret-square-up,.hint-icon,.info-circle,.question-circle,.question-comment{height:1rem;margin-bottom:.15rem}.close-icon,.external-link-icon,.hint-icon,.question-circle,.question-comment,.recycle-bin-icon{fill:grey}.text-white .external-link-icon,.text-white .question-circle,.text-white .question-comment{fill:#fff}.caret-square-down,.caret-square-up{margin-left:-.3125rem;margin-right:.2rem}.hint-icon{fill:#8c8c8c;stroke:#6e6e6e;stroke-width:.6;cursor:pointer;transition:fill .3s cubic-bezier(.4,0,.2,1),stroke .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s cubic-bezier(.4,0,.2,1)}.hint-icon:hover{fill:#f5c84c;stroke:#e6a817;stroke-width:.8;animation:bulb-flicker .3s ease-out forwards;filter:drop-shadow(0 0 3px rgba(245,200,76,.6)) drop-shadow(0 0 8px rgba(245,180,40,.35)) drop-shadow(0 0 16px rgba(245,160,20,.2));transform:scale(1.15)}.has-unit-label{font-weight:700;margin-left:.75rem;margin-top:.75rem}.tooltip-content{white-space:pre-wrap}.collapse-toggle{line-height:.9;margin-right:.3rem}.form-label{font-weight:500;white-space:nowrap}input:disabled{cursor:not-allowed}.cursor-pointer{cursor:pointer}.accordion>.card{overflow:visible}.react-datepicker-wrapper{display:block}.react-datepicker__navigation:focus{outline:none}.wizard-step{min-height:40.625rem}.wizard-step-content{min-height:37.5rem}.list-group-item.active{font-weight:500}.question-category-1{background-color:rgba(8,255,0,.05)}.question-category-2{background-color:rgba(230,127,0,.05)}.question-category-3{background-color:rgba(222,0,230,.05)}.question-category-4{background-color:rgba(0,84,230,.05)}.question-category-5{background-color:rgba(0,230,222,.05)}.answer{align-items:center;display:flex;position:relative}.answer>.answer-content{flex-grow:1;max-width:31.25rem}.card-header{min-height:3rem}.card-header:first-child{line-height:24px}.card-header.bg-info{background-color:#e6f9fb!important}.card-header.section-background{background-color:#e6f9fb}.question-header{align-items:center;display:flex}.question-header h6{margin:0}.icon-list-items{display:flex;margin:0;padding-left:0}.icon-list-item{list-style-type:none}.card-header .form-group{margin-bottom:0}.accordion-button:after,.accordion-button:not(.collapsed):after{background-image:none}.emphasise-on-relevant-icon{animation:emphasiseOnRelevantIcon .5s ease-in}.emphasise-on-relevant{animation:emphasiseOnRelevant 1.2s ease-in}.card-header.emphasise-on-relevant{animation:emphasiseOnRelevantSection 1.2s ease-in}.comment-tooltip>.tooltip-inner{background-color:#cbeef6;border:2px solid #afafaf;border-radius:0;color:#000;max-width:none;padding:0;width:30vw}.close-comment-icon{cursor:pointer;height:24px;margin-left:auto;width:24px}#comment-form{display:flex;width:100%}#comment-form textarea{overflow-y:hidden;resize:none}.comment-form-control{border-radius:0}.btn.comment-form-button{align-items:center;bottom:1px;display:flex;height:25px;justify-content:center;padding:0;position:absolute;right:13px;width:25px}.comment-content{padding:.5rem;text-align:left}.comment-delete{align-items:center;display:flex;flex-direction:column;justify-content:center}.comment-content .comment-author{font-weight:700}.comment-content .comment-value{white-space:pre-line}.comment-list-items{max-height:25rem;overflow:hidden scroll}.comment-timestamp{color:#696969;font-style:italic}.comment-badge{bottom:13px;font-size:.5625rem;position:relative;right:7px}.show-irrelevant{opacity:50%}.show-irrelevant,.show-irrelevant .form-check-input,.show-irrelevant .form-check-label{pointer-events:none}.show-irrelevant .card-header,.show-irrelevant.wizard-nav{pointer-events:auto}.is-invalid.form-text{border:none;box-shadow:none;color:#dc3545}.is-warning{border:1px solid #dc9135}.is-warning:focus{border-color:#dc9135;box-shadow:0 0 0 .2rem rgba(203,127,16,.25)}.is-warning.form-text{border:none;box-shadow:none;color:#dc9135}@keyframes emphasiseOnRelevant{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}@keyframes emphasiseOnRelevantSection{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:#e6f9fb;display:block;opacity:1}}@keyframes emphasiseOnRelevantIcon{0%{display:none;opacity:0}1%{display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}.media-container{background:linear-gradient(180deg,#3a3a3a 40%,#1c1c1c 70%);border-radius:5px;height:100%;max-height:480px;max-width:640px;overflow:hidden;position:relative;width:100%}.media-container.fullscreen{border-radius:0;height:100vh;max-height:100%;max-width:100%;width:100vw}.annotation-overlay{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:5}@keyframes annotation-pulse{0%{opacity:0;transform:scale(.97)}40%{opacity:1;transform:scale(1.02)}70%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1)}}.annotation-overlay-revealed{animation:annotation-pulse .7s ease-out forwards}.media-container iframe,.media-container img,.media-container video,.video-wrapper video{backface-visibility:hidden;display:block;height:100%;image-rendering:auto;-o-object-fit:contain;object-fit:contain;width:100%}.media-image-container{align-items:center;aspect-ratio:4/3;display:flex;justify-content:center}.media-image-container,.media-image-wrapper{height:100%;position:relative;width:100%}.media-image-wrapper img{height:100%;width:100%}.media-fullscreen-button{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:6px;bottom:12px;color:#fff;cursor:pointer;display:flex;justify-content:center;min-height:36px;min-width:36px;opacity:0;position:absolute;right:12px;transition:opacity .2s ease,background .2s ease,transform .15s ease;z-index:10}.media-image-container:hover .media-fullscreen-button,.media-modal-image-wrapper:hover .media-fullscreen-button{opacity:1}.media-fullscreen-button:hover{background:rgba(0,0,0,.8);transform:scale(1.05)}.media-fullscreen-button:active{transform:scale(.95)}.media-fullscreen-button:focus{outline:2px solid hsla(0,0%,100%,.8);outline-offset:2px}.video-wrapper{height:100%;position:relative;width:100%}.media-iframe-container{aspect-ratio:16/9;position:relative;width:100%}.media-iframe-wrapper{height:100%;position:relative;width:100%}.media-iframe-wrapper iframe{border:none;display:block;height:100%;width:100%}
1
+ .checkbox label{font-weight:700}.panel-title .checkbox label{font-weight:400}.answerable-question{background-color:#e6f9fb;border:1px solid #dfdfdf;border-bottom-color:transparent;border-top-left-radius:3px;border-top-right-radius:3px;color:#000;padding:.75rem 1.25rem}.select-answer-wrapper{position:relative}.select-feedback-badge{align-items:center;bottom:.6rem;display:none;font-size:1rem;font-weight:700;justify-content:center;line-height:1;pointer-events:none;position:absolute;right:1rem}.select-feedback-badge.visible{display:flex}.select-feedback-badge.correct{color:#155724}.select-feedback-badge.incorrect{color:#721c24}.select-correct{border-color:#c3e6cb!important;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)!important}.select-incorrect{border-color:#f5c6cb!important;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)!important}.answerable-subquestions{border:1px solid #dfdfdf;border-bottom-left-radius:4px;border-bottom-right-radius:4px;margin-bottom:1.11rem;padding:1rem}.answerable-question .form-group{margin-bottom:0}.answerable-question .form-group .form-check-input{margin-top:.37rem}.answerable-section .form-group .form-check-label{font-weight:500;margin-left:.11rem}a{text-decoration:none}a:focus,a:hover{text-decoration:underline}.answerable-section .card-header .col-10{flex-basis:auto;padding-right:0;width:auto}.overlay-comment{position:absolute;z-index:10}svg{fill:currentColor}.comment-delete,.question-comment{cursor:pointer}.caret-square-down,.caret-square-up,.hint-icon,.info-circle,.question-circle,.question-comment{height:1rem;margin-bottom:.15rem}.close-icon,.external-link-icon,.hint-icon,.question-circle,.question-comment,.recycle-bin-icon{fill:grey}.text-white .external-link-icon,.text-white .question-circle,.text-white .question-comment{fill:#fff}.caret-square-down,.caret-square-up{margin-left:-.3125rem;margin-right:.2rem}.hint-icon{fill:#8c8c8c;stroke:#6e6e6e;stroke-width:.6;cursor:pointer;transition:fill .3s cubic-bezier(.4,0,.2,1),stroke .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.34,1.56,.64,1),filter .3s cubic-bezier(.4,0,.2,1)}.hint-icon:hover{fill:#f5c84c;stroke:#e6a817;stroke-width:.8;animation:bulb-flicker .3s ease-out forwards;filter:drop-shadow(0 0 3px rgba(245,200,76,.6)) drop-shadow(0 0 8px rgba(245,180,40,.35)) drop-shadow(0 0 16px rgba(245,160,20,.2));transform:scale(1.15)}.has-unit-label{font-weight:700;margin-left:.75rem;margin-top:.75rem}.tooltip-content{white-space:pre-wrap}.collapse-toggle{line-height:.9;margin-right:.3rem}.form-label{font-weight:500;white-space:nowrap}input:disabled{cursor:not-allowed}.cursor-pointer{cursor:pointer}.accordion>.card{overflow:visible}.react-datepicker-wrapper{display:block}.react-datepicker__navigation:focus{outline:none}.wizard-step{min-height:40.625rem}.wizard-step-content{min-height:37.5rem}.list-group-item.active{font-weight:500}.question-category-1{background-color:rgba(8,255,0,.05)}.question-category-2{background-color:rgba(230,127,0,.05)}.question-category-3{background-color:rgba(222,0,230,.05)}.question-category-4{background-color:rgba(0,84,230,.05)}.question-category-5{background-color:rgba(0,230,222,.05)}.answer{align-items:center;display:flex;position:relative}.answer>.answer-content{flex-grow:1;max-width:31.25rem}.card-header{min-height:3rem}.card-header:first-child{line-height:24px}.card-header.bg-info{background-color:#e6f9fb!important}.card-header.section-background{background-color:#e6f9fb}.question-header{align-items:center;display:flex}.question-header h6{margin:0}.icon-list-items{display:flex;margin:0;padding-left:0}.icon-list-item{list-style-type:none}.card-header .form-group{margin-bottom:0}.accordion-button:after,.accordion-button:not(.collapsed):after{background-image:none}.emphasise-on-relevant-icon{animation:emphasiseOnRelevantIcon .5s ease-in}.emphasise-on-relevant{animation:emphasiseOnRelevant 1.2s ease-in}.card-header.emphasise-on-relevant{animation:emphasiseOnRelevantSection 1.2s ease-in}.comment-tooltip>.tooltip-inner{background-color:#cbeef6;border:2px solid #afafaf;border-radius:0;color:#000;max-width:none;padding:0;width:30vw}.close-comment-icon{cursor:pointer;height:24px;margin-left:auto;width:24px}#comment-form{display:flex;width:100%}#comment-form textarea{overflow-y:hidden;resize:none}.comment-form-control{border-radius:0}.btn.comment-form-button{align-items:center;bottom:1px;display:flex;height:25px;justify-content:center;padding:0;position:absolute;right:13px;width:25px}.comment-content{padding:.5rem;text-align:left}.comment-delete{align-items:center;display:flex;flex-direction:column;justify-content:center}.comment-content .comment-author{font-weight:700}.comment-content .comment-value{white-space:pre-line}.comment-list-items{max-height:25rem;overflow:hidden scroll}.comment-timestamp{color:#696969;font-style:italic}.comment-badge{bottom:13px;font-size:.5625rem;position:relative;right:7px}.show-irrelevant{opacity:50%}.show-irrelevant,.show-irrelevant .form-check-input,.show-irrelevant .form-check-label{pointer-events:none}.show-irrelevant .card-header,.show-irrelevant.wizard-nav{pointer-events:auto}.is-invalid.form-text{border:none;box-shadow:none;color:#dc3545}.is-warning{border:1px solid #dc9135}.is-warning:focus{border-color:#dc9135;box-shadow:0 0 0 .2rem rgba(203,127,16,.25)}.is-warning.form-text{border:none;box-shadow:none;color:#dc9135}@keyframes emphasiseOnRelevant{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}@keyframes emphasiseOnRelevantSection{0%{display:none;opacity:0}1%{background-color:#ff0;display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:#e6f9fb;display:block;opacity:1}}@keyframes emphasiseOnRelevantIcon{0%{display:none;opacity:0}1%{display:block;opacity:0}25%{display:block;opacity:0}75%{display:block;opacity:1}to{background-color:transparent;display:block;opacity:1}}.media-container{background:linear-gradient(180deg,#3a3a3a 40%,#1c1c1c 70%);border-radius:5px;height:100%;max-height:480px;max-width:640px;overflow:hidden;position:relative;width:100%}.media-container.fullscreen{border-radius:0;height:100vh;max-height:100%;max-width:100%;width:100vw}.annotation-overlay{height:100%;inset:0;pointer-events:none;position:absolute;width:100%;z-index:5}@keyframes annotation-pulse{0%{opacity:0;transform:scale(.97)}40%{opacity:1;transform:scale(1.02)}70%{opacity:.8;transform:scale(1)}to{opacity:1;transform:scale(1)}}.annotation-overlay-revealed{animation:annotation-pulse .7s ease-out forwards}.media-container iframe,.media-container img,.media-container video,.video-wrapper video{backface-visibility:hidden;display:block;height:100%;image-rendering:auto;-o-object-fit:contain;object-fit:contain;width:100%}.media-image-container{align-items:center;aspect-ratio:4/3;display:flex;justify-content:center;max-height:100%;overflow:hidden;position:relative;width:100%}.media-container.fullscreen .media-image-container{aspect-ratio:auto;height:100%;max-height:none}.media-image-wrapper{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.media-image-wrapper img{height:100%;max-height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain;width:100%}.media-fullscreen-button{align-items:center;background:rgba(0,0,0,.6);border:none;border-radius:6px;bottom:12px;color:#fff;cursor:pointer;display:flex;font-size:20px;justify-content:center;line-height:1;min-height:36px;min-width:36px;opacity:0;position:absolute;right:12px;transition:opacity .2s ease,background .2s ease,transform .15s ease;z-index:10}@media (hover:hover){.media-image-container:hover .media-fullscreen-button,.media-modal-image-wrapper:hover .media-fullscreen-button{opacity:1}}@media (hover:none){.media-fullscreen-button{opacity:.85}}.media-fullscreen-button:hover{background:rgba(0,0,0,.8);transform:scale(1.05)}.media-fullscreen-button:active{transform:scale(.95)}.media-fullscreen-button:focus{outline:2px solid hsla(0,0%,100%,.8);outline-offset:2px}.video-wrapper{height:100%;position:relative;width:100%}.media-iframe-container{aspect-ratio:16/9;position:relative;width:100%}.media-iframe-wrapper{height:100%;position:relative;width:100%}.media-iframe-wrapper iframe{border:none;display:block;height:100%;width:100%}
2
2
  /*# sourceMappingURL=s-forms.css.map */
package/dist/s-forms.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sources":["s-forms.css","media.css"],"names":[],"mappings":"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","file":"s-forms.css","sourcesContent":[".checkbox label {\n font-weight: bold;\n}\n\n.panel-title .checkbox label {\n font-weight: normal;\n}\n\n.answerable-question {\n color: black;\n background-color: #e6f9fb;\n border: 1px solid #dfdfdf;\n border-bottom: 1px solid transparent;\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n padding: 0.75rem 1.25rem;\n}\n\n.select-answer-wrapper {\n position: relative;\n}\n\n.select-feedback-badge {\n display: none;\n position: absolute;\n bottom: 0.6rem;\n right: 1rem;\n font-size: 1rem;\n font-weight: bold;\n pointer-events: none;\n align-items: center;\n justify-content: center;\n line-height: 1;\n}\n\n.select-feedback-badge.visible {\n display: flex;\n}\n\n.select-feedback-badge.correct {\n color: #155724;\n}\n\n.select-feedback-badge.incorrect {\n color: #721c24;\n}\n\n.select-correct {\n border-color: #c3e6cb !important;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;\n}\n\n.select-incorrect {\n border-color: #f5c6cb !important;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;\n}\n\n.answerable-subquestions {\n padding: 1rem;\n border: 1px solid #dfdfdf;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-bottom: 1.11rem;\n}\n\n.answerable-question .form-group {\n margin-bottom: 0;\n}\n\n.answerable-question .form-group .form-check-input {\n margin-top: 0.37rem;\n}\n\n.answerable-section .form-group .form-check-label {\n margin-left: 0.11rem;\n font-weight: 500;\n}\n\na {\n text-decoration: none;\n}\n\na:hover,\na:focus {\n text-decoration: underline;\n}\n\n.answerable-section .card-header .col-10 {\n width: auto;\n flex-basis: auto;\n padding-right: 0;\n}\n\n.overlay-comment {\n position: absolute;\n z-index: 10;\n}\n\nsvg {\n fill: currentColor;\n}\n\n.question-comment,\n.comment-delete {\n cursor: pointer;\n}\n\n.caret-square-up,\n.caret-square-down,\n.question-circle,\n.question-comment,\n.info-circle,\n.hint-icon {\n height: 1rem;\n margin-bottom: 0.15rem;\n}\n\n.question-circle,\n.question-comment,\n.external-link-icon,\n.close-icon,\n.recycle-bin-icon,\n.hint-icon {\n fill: grey;\n}\n\n.text-white .question-circle,\n.text-white .question-comment,\n.text-white .external-link-icon {\n fill: white;\n}\n\n.caret-square-up,\n.caret-square-down {\n margin-right: 0.2rem;\n margin-left: -0.3125rem;\n}\n\n.hint-icon {\n fill: #8c8c8c;\n stroke: #6e6e6e;\n stroke-width: 0.6;\n transition: fill 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n}\n\n.hint-icon:hover {\n fill: #f5c84c;\n stroke: #e6a817;\n stroke-width: 0.8;\n transform: scale(1.15);\n filter: drop-shadow(0 0 3px rgba(245, 200, 76, 0.6))\n drop-shadow(0 0 8px rgba(245, 180, 40, 0.35))\n drop-shadow(0 0 16px rgba(245, 160, 20, 0.2));\n animation: bulb-flicker 0.3s ease-out forwards;\n}\n\n.has-unit-label {\n font-weight: bold;\n margin-top: 0.75rem;\n margin-left: 0.75rem;\n}\n\n.tooltip-content {\n white-space: pre-wrap;\n}\n\n.collapse-toggle {\n margin-right: 0.3rem;\n line-height: 0.9;\n}\n\n.form-label {\n font-weight: 500;\n white-space: nowrap;\n}\n\ninput:disabled {\n cursor: not-allowed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.accordion > .card {\n overflow: visible;\n}\n\n.react-datepicker-wrapper {\n display: block;\n}\n\n.react-datepicker__navigation:focus {\n outline: none;\n}\n\n.wizard-step {\n min-height: 40.625rem;\n}\n\n.wizard-step-content {\n min-height: 37.5rem;\n}\n\n.list-group-item.active {\n font-weight: 500;\n}\n\n.question-category-1 {\n background-color: rgba(8, 255, 0, 0.05);\n}\n\n.question-category-2 {\n background-color: rgba(230, 127, 0, 0.05);\n}\n\n.question-category-3 {\n background-color: rgba(222, 0, 230, 0.05);\n}\n\n.question-category-4 {\n background-color: rgba(0, 84, 230, 0.05);\n}\n\n.question-category-5 {\n background-color: rgba(0, 230, 222, 0.05);\n}\n\n.answer {\n display: flex;\n position: relative;\n align-items: center;\n}\n\n.answer > .answer-content {\n flex-grow: 1;\n max-width: 31.25rem;\n}\n\n.card-header {\n min-height: 3rem;\n}\n\n.card-header:first-child {\n line-height: 24px;\n}\n\n.card-header.bg-info {\n background-color: #e6f9fb !important;\n}\n\n.card-header.section-background {\n background-color: #e6f9fb;\n}\n\n.question-header {\n display: flex;\n align-items: center;\n}\n\n.question-header h6 {\n margin: 0;\n}\n\n.icon-list-items {\n display: flex;\n padding-left: 0;\n margin: 0;\n}\n\n.icon-list-item {\n list-style-type: none;\n}\n\n.card-header .form-group {\n margin-bottom: 0;\n}\n\n.accordion-button::after {\n background-image: initial;\n}\n\n.accordion-button:not(.collapsed)::after {\n background-image: initial;\n}\n\n.emphasise-on-relevant-icon {\n animation: emphasiseOnRelevantIcon 0.5s ease-in;\n}\n\n.emphasise-on-relevant {\n animation: emphasiseOnRelevant 1.2s ease-in;\n}\n\n.card-header.emphasise-on-relevant {\n animation: emphasiseOnRelevantSection 1.2s ease-in;\n}\n\n.comment-tooltip > .tooltip-inner {\n max-width: none;\n width: 30vw;\n border: solid 2px #afafaf;\n background-color: #cbeef6;\n color: #000000;\n padding: 0;\n border-radius: 0;\n}\n\n.close-comment-icon {\n cursor: pointer;\n height: 24px;\n width: 24px;\n margin-left: auto;\n}\n\n#comment-form {\n display: flex;\n width: 100%;\n}\n\n#comment-form textarea {\n resize: none;\n overflow-y: hidden;\n}\n\n.comment-form-control {\n border-radius: 0;\n}\n\n.btn.comment-form-button {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n right: 13px;\n bottom: 1px;\n height: 25px;\n width: 25px;\n padding: 0;\n}\n\n.comment-content {\n text-align: left;\n padding: 0.5rem;\n}\n\n.comment-delete {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.comment-content .comment-author {\n font-weight: bold;\n}\n\n.comment-content .comment-value {\n white-space: pre-line;\n}\n\n.comment-list-items {\n overflow: hidden scroll;\n max-height: 25rem;\n}\n\n.comment-timestamp {\n color: #696969;\n font-style: italic;\n}\n\n.comment-badge {\n position: relative;\n bottom: 13px;\n right: 7px;\n font-size: 0.5625rem;\n}\n\n.show-irrelevant {\n opacity: 50%;\n pointer-events: none;\n}\n\n.show-irrelevant .form-check-input,\n.show-irrelevant .form-check-label {\n pointer-events: none;\n}\n\n.show-irrelevant .card-header,\n.show-irrelevant.wizard-nav {\n pointer-events: auto;\n}\n\n.is-invalid.form-text {\n color: #dc3545;\n border: none;\n box-shadow: none;\n}\n\n.is-warning {\n border: 1px solid #dc9135;\n}\n\n.is-warning:focus {\n box-shadow: 0 0 0 0.2rem rgba(203, 127, 16, 0.25);\n border-color: #dc9135;\n}\n\n.is-warning.form-text {\n color: #dc9135;\n border: none;\n box-shadow: none;\n}\n\n@keyframes emphasiseOnRelevant {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n background-color: yellow;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: transparent;\n }\n}\n\n@keyframes emphasiseOnRelevantSection {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n background-color: yellow;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: #e6f9fb;\n }\n}\n\n@keyframes emphasiseOnRelevantIcon {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: transparent;\n }\n}\n","/* ============================= */\n/* MEDIA CONTAINER\n/* ============================= */\n.media-container {\n position: relative;\n width: 100%;\n height: 100%;\n max-width: 640px;\n max-height: 480px;\n\n background: linear-gradient(180deg, #3a3a3a 40%, #1c1c1c 70%);\n\n border-radius: 5px;\n overflow: hidden;\n}\n\n.media-container.fullscreen {\n max-width: 100%;\n max-height: 100%;\n width: 100vw;\n height: 100vh;\n border-radius: 0;\n}\n\n/* ============================= */\n/* ANNOTATION OVERLAY\n/* ============================= */\n.annotation-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 5;\n}\n\n@keyframes annotation-pulse {\n 0% {\n opacity: 0;\n transform: scale(0.97);\n }\n 40% {\n opacity: 1;\n transform: scale(1.02);\n }\n 70% {\n opacity: 0.8;\n transform: scale(1);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.annotation-overlay-revealed {\n animation: annotation-pulse 0.7s ease-out forwards;\n}\n\n/* ============================= */\n/* MEDIA ELEMENTS\n/* ============================= */\n.media-container video,\n.media-container img,\n.media-container iframe,\n.video-wrapper video {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n backface-visibility: hidden;\n image-rendering: auto;\n}\n\n/* ============================= */\n/* IMAGE VIEW\n/* ============================= */\n\n.media-image-container {\n position: relative;\n width: 100%;\n height: 100%;\n aspect-ratio: 4 / 3;\n\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.media-image-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.media-image-wrapper img {\n width: 100%;\n height: 100%;\n}\n\n/* ============================= */\n/* FULLSCREEN BUTTON\n/* ============================= */\n.media-fullscreen-button {\n position: absolute;\n right: 12px;\n bottom: 12px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-width: 36px;\n min-height: 36px;\n\n background: rgba(0, 0, 0, 0.6);\n color: white;\n border: none;\n border-radius: 6px;\n\n cursor: pointer;\n opacity: 0;\n\n transition: opacity 0.2s ease, background 0.2s ease, transform 0.15s ease;\n\n z-index: 10;\n}\n\n.media-image-container:hover .media-fullscreen-button,\n.media-modal-image-wrapper:hover .media-fullscreen-button {\n opacity: 1;\n}\n\n.media-fullscreen-button:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.05);\n}\n\n.media-fullscreen-button:active {\n transform: scale(0.95);\n}\n\n.media-fullscreen-button:focus {\n outline: 2px solid rgba(255, 255, 255, 0.8);\n outline-offset: 2px;\n}\n\n/* ============================= */\n/* VIDEO */\n/* ============================= */\n.video-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n/* ============================= */\n/* IFRAME VIEW */\n/* ============================= */\n.media-iframe-container {\n position: relative;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.media-iframe-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.media-iframe-wrapper iframe {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n}\n"]}
1
+ {"version":3,"sources":["s-forms.css","media.css"],"names":[],"mappings":"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","file":"s-forms.css","sourcesContent":[".checkbox label {\n font-weight: bold;\n}\n\n.panel-title .checkbox label {\n font-weight: normal;\n}\n\n.answerable-question {\n color: black;\n background-color: #e6f9fb;\n border: 1px solid #dfdfdf;\n border-bottom: 1px solid transparent;\n border-top-right-radius: 3px;\n border-top-left-radius: 3px;\n padding: 0.75rem 1.25rem;\n}\n\n.select-answer-wrapper {\n position: relative;\n}\n\n.select-feedback-badge {\n display: none;\n position: absolute;\n bottom: 0.6rem;\n right: 1rem;\n font-size: 1rem;\n font-weight: bold;\n pointer-events: none;\n align-items: center;\n justify-content: center;\n line-height: 1;\n}\n\n.select-feedback-badge.visible {\n display: flex;\n}\n\n.select-feedback-badge.correct {\n color: #155724;\n}\n\n.select-feedback-badge.incorrect {\n color: #721c24;\n}\n\n.select-correct {\n border-color: #c3e6cb !important;\n box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;\n}\n\n.select-incorrect {\n border-color: #f5c6cb !important;\n box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25) !important;\n}\n\n.answerable-subquestions {\n padding: 1rem;\n border: 1px solid #dfdfdf;\n border-bottom-left-radius: 4px;\n border-bottom-right-radius: 4px;\n margin-bottom: 1.11rem;\n}\n\n.answerable-question .form-group {\n margin-bottom: 0;\n}\n\n.answerable-question .form-group .form-check-input {\n margin-top: 0.37rem;\n}\n\n.answerable-section .form-group .form-check-label {\n margin-left: 0.11rem;\n font-weight: 500;\n}\n\na {\n text-decoration: none;\n}\n\na:hover,\na:focus {\n text-decoration: underline;\n}\n\n.answerable-section .card-header .col-10 {\n width: auto;\n flex-basis: auto;\n padding-right: 0;\n}\n\n.overlay-comment {\n position: absolute;\n z-index: 10;\n}\n\nsvg {\n fill: currentColor;\n}\n\n.question-comment,\n.comment-delete {\n cursor: pointer;\n}\n\n.caret-square-up,\n.caret-square-down,\n.question-circle,\n.question-comment,\n.info-circle,\n.hint-icon {\n height: 1rem;\n margin-bottom: 0.15rem;\n}\n\n.question-circle,\n.question-comment,\n.external-link-icon,\n.close-icon,\n.recycle-bin-icon,\n.hint-icon {\n fill: grey;\n}\n\n.text-white .question-circle,\n.text-white .question-comment,\n.text-white .external-link-icon {\n fill: white;\n}\n\n.caret-square-up,\n.caret-square-down {\n margin-right: 0.2rem;\n margin-left: -0.3125rem;\n}\n\n.hint-icon {\n fill: #8c8c8c;\n stroke: #6e6e6e;\n stroke-width: 0.6;\n transition: fill 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n stroke 0.3s cubic-bezier(0.4, 0, 0.2, 1),\n transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),\n filter 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n cursor: pointer;\n}\n\n.hint-icon:hover {\n fill: #f5c84c;\n stroke: #e6a817;\n stroke-width: 0.8;\n transform: scale(1.15);\n filter: drop-shadow(0 0 3px rgba(245, 200, 76, 0.6))\n drop-shadow(0 0 8px rgba(245, 180, 40, 0.35))\n drop-shadow(0 0 16px rgba(245, 160, 20, 0.2));\n animation: bulb-flicker 0.3s ease-out forwards;\n}\n\n.has-unit-label {\n font-weight: bold;\n margin-top: 0.75rem;\n margin-left: 0.75rem;\n}\n\n.tooltip-content {\n white-space: pre-wrap;\n}\n\n.collapse-toggle {\n margin-right: 0.3rem;\n line-height: 0.9;\n}\n\n.form-label {\n font-weight: 500;\n white-space: nowrap;\n}\n\ninput:disabled {\n cursor: not-allowed;\n}\n\n.cursor-pointer {\n cursor: pointer;\n}\n\n.accordion > .card {\n overflow: visible;\n}\n\n.react-datepicker-wrapper {\n display: block;\n}\n\n.react-datepicker__navigation:focus {\n outline: none;\n}\n\n.wizard-step {\n min-height: 40.625rem;\n}\n\n.wizard-step-content {\n min-height: 37.5rem;\n}\n\n.list-group-item.active {\n font-weight: 500;\n}\n\n.question-category-1 {\n background-color: rgba(8, 255, 0, 0.05);\n}\n\n.question-category-2 {\n background-color: rgba(230, 127, 0, 0.05);\n}\n\n.question-category-3 {\n background-color: rgba(222, 0, 230, 0.05);\n}\n\n.question-category-4 {\n background-color: rgba(0, 84, 230, 0.05);\n}\n\n.question-category-5 {\n background-color: rgba(0, 230, 222, 0.05);\n}\n\n.answer {\n display: flex;\n position: relative;\n align-items: center;\n}\n\n.answer > .answer-content {\n flex-grow: 1;\n max-width: 31.25rem;\n}\n\n.card-header {\n min-height: 3rem;\n}\n\n.card-header:first-child {\n line-height: 24px;\n}\n\n.card-header.bg-info {\n background-color: #e6f9fb !important;\n}\n\n.card-header.section-background {\n background-color: #e6f9fb;\n}\n\n.question-header {\n display: flex;\n align-items: center;\n}\n\n.question-header h6 {\n margin: 0;\n}\n\n.icon-list-items {\n display: flex;\n padding-left: 0;\n margin: 0;\n}\n\n.icon-list-item {\n list-style-type: none;\n}\n\n.card-header .form-group {\n margin-bottom: 0;\n}\n\n.accordion-button::after {\n background-image: initial;\n}\n\n.accordion-button:not(.collapsed)::after {\n background-image: initial;\n}\n\n.emphasise-on-relevant-icon {\n animation: emphasiseOnRelevantIcon 0.5s ease-in;\n}\n\n.emphasise-on-relevant {\n animation: emphasiseOnRelevant 1.2s ease-in;\n}\n\n.card-header.emphasise-on-relevant {\n animation: emphasiseOnRelevantSection 1.2s ease-in;\n}\n\n.comment-tooltip > .tooltip-inner {\n max-width: none;\n width: 30vw;\n border: solid 2px #afafaf;\n background-color: #cbeef6;\n color: #000000;\n padding: 0;\n border-radius: 0;\n}\n\n.close-comment-icon {\n cursor: pointer;\n height: 24px;\n width: 24px;\n margin-left: auto;\n}\n\n#comment-form {\n display: flex;\n width: 100%;\n}\n\n#comment-form textarea {\n resize: none;\n overflow-y: hidden;\n}\n\n.comment-form-control {\n border-radius: 0;\n}\n\n.btn.comment-form-button {\n position: absolute;\n display: flex;\n justify-content: center;\n align-items: center;\n right: 13px;\n bottom: 1px;\n height: 25px;\n width: 25px;\n padding: 0;\n}\n\n.comment-content {\n text-align: left;\n padding: 0.5rem;\n}\n\n.comment-delete {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n}\n\n.comment-content .comment-author {\n font-weight: bold;\n}\n\n.comment-content .comment-value {\n white-space: pre-line;\n}\n\n.comment-list-items {\n overflow: hidden scroll;\n max-height: 25rem;\n}\n\n.comment-timestamp {\n color: #696969;\n font-style: italic;\n}\n\n.comment-badge {\n position: relative;\n bottom: 13px;\n right: 7px;\n font-size: 0.5625rem;\n}\n\n.show-irrelevant {\n opacity: 50%;\n pointer-events: none;\n}\n\n.show-irrelevant .form-check-input,\n.show-irrelevant .form-check-label {\n pointer-events: none;\n}\n\n.show-irrelevant .card-header,\n.show-irrelevant.wizard-nav {\n pointer-events: auto;\n}\n\n.is-invalid.form-text {\n color: #dc3545;\n border: none;\n box-shadow: none;\n}\n\n.is-warning {\n border: 1px solid #dc9135;\n}\n\n.is-warning:focus {\n box-shadow: 0 0 0 0.2rem rgba(203, 127, 16, 0.25);\n border-color: #dc9135;\n}\n\n.is-warning.form-text {\n color: #dc9135;\n border: none;\n box-shadow: none;\n}\n\n@keyframes emphasiseOnRelevant {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n background-color: yellow;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: transparent;\n }\n}\n\n@keyframes emphasiseOnRelevantSection {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n background-color: yellow;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: #e6f9fb;\n }\n}\n\n@keyframes emphasiseOnRelevantIcon {\n 0% {\n display: none;\n opacity: 0;\n }\n\n 1% {\n display: block;\n opacity: 0;\n }\n\n 25% {\n display: block;\n opacity: 0;\n }\n\n 75% {\n display: block;\n opacity: 1;\n }\n\n 100% {\n display: block;\n opacity: 1;\n background-color: transparent;\n }\n}\n","/* ============================= */\n/* MEDIA CONTAINER\n/* ============================= */\n.media-container {\n position: relative;\n width: 100%;\n height: 100%;\n max-width: 640px;\n max-height: 480px;\n\n background: linear-gradient(180deg, #3a3a3a 40%, #1c1c1c 70%);\n\n border-radius: 5px;\n overflow: hidden;\n}\n\n.media-container.fullscreen {\n max-width: 100%;\n max-height: 100%;\n width: 100vw;\n height: 100vh;\n border-radius: 0;\n}\n\n/* ============================= */\n/* ANNOTATION OVERLAY\n/* ============================= */\n.annotation-overlay {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n pointer-events: none;\n z-index: 5;\n}\n\n@keyframes annotation-pulse {\n 0% {\n opacity: 0;\n transform: scale(0.97);\n }\n 40% {\n opacity: 1;\n transform: scale(1.02);\n }\n 70% {\n opacity: 0.8;\n transform: scale(1);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n.annotation-overlay-revealed {\n animation: annotation-pulse 0.7s ease-out forwards;\n}\n\n/* ============================= */\n/* MEDIA ELEMENTS\n/* ============================= */\n.media-container video,\n.media-container img,\n.media-container iframe,\n.video-wrapper video {\n width: 100%;\n height: 100%;\n display: block;\n object-fit: contain;\n backface-visibility: hidden;\n image-rendering: auto;\n}\n\n/* ============================= */\n/* IMAGE VIEW\n/* ============================= */\n\n.media-image-container {\n position: relative;\n width: 100%;\n aspect-ratio: 4 / 3;\n max-height: 100%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n}\n\n/* In fullscreen the surrounding container drives the size, so let the image\n area fill it instead of imposing its own aspect ratio. */\n.media-container.fullscreen .media-image-container {\n height: 100%;\n aspect-ratio: auto;\n max-height: none;\n}\n\n.media-image-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n overflow: hidden;\n}\n\n.media-image-wrapper img {\n max-width: 100%;\n max-height: 100%;\n width: 100%;\n height: 100%;\n object-fit: contain;\n}\n\n/* ============================= */\n/* FULLSCREEN BUTTON\n/* ============================= */\n.media-fullscreen-button {\n position: absolute;\n right: 12px;\n bottom: 12px;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n min-width: 36px;\n min-height: 36px;\n\n background: rgba(0, 0, 0, 0.6);\n color: white;\n border: none;\n border-radius: 6px;\n\n font-size: 20px;\n line-height: 1;\n\n cursor: pointer;\n /* Hidden by default so it never covers the image; revealed on hover for\n pointer devices (see the media queries below). */\n opacity: 0;\n\n transition: opacity 0.2s ease, background 0.2s ease, transform 0.15s ease;\n\n z-index: 10;\n}\n\n/* Pointer devices (desktop): reveal on hover, like the video control bar. */\n@media (hover: hover) {\n .media-image-container:hover .media-fullscreen-button,\n .media-modal-image-wrapper:hover .media-fullscreen-button {\n opacity: 1;\n }\n}\n\n/* Touch devices have no hover state, so keep the button reachable. It stays\n small and tucked in the corner to minimise covering the image. */\n@media (hover: none) {\n .media-fullscreen-button {\n opacity: 0.85;\n }\n}\n\n.media-fullscreen-button:hover {\n background: rgba(0, 0, 0, 0.8);\n transform: scale(1.05);\n}\n\n.media-fullscreen-button:active {\n transform: scale(0.95);\n}\n\n.media-fullscreen-button:focus {\n outline: 2px solid rgba(255, 255, 255, 0.8);\n outline-offset: 2px;\n}\n\n/* ============================= */\n/* VIDEO */\n/* ============================= */\n.video-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n/* ============================= */\n/* IFRAME VIEW */\n/* ============================= */\n.media-iframe-container {\n position: relative;\n width: 100%;\n aspect-ratio: 16 / 9;\n}\n\n.media-iframe-wrapper {\n position: relative;\n width: 100%;\n height: 100%;\n}\n\n.media-iframe-wrapper iframe {\n width: 100%;\n height: 100%;\n border: none;\n display: block;\n}\n"]}