@citolab/qti-components 6.4.0 → 6.4.2

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.
@@ -1,4 +1,4 @@
1
- "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkCCQXZDO6cjs = require('./chunk-CCQXZDO6.cjs');var _chunkHYQC3D4Zcjs = require('./chunk-HYQC3D4Z.cjs');var _lit = require('lit');var _decoratorsjs = require('lit/decorators.js');var _unsafehtmljs = require('lit/directives/unsafe-html.js');var w=`
1
+ "use strict";Object.defineProperty(exports, "__esModule", {value: true});var _chunkCCQXZDO6cjs = require('./chunk-CCQXZDO6.cjs');var _chunkHYQC3D4Zcjs = require('./chunk-HYQC3D4Z.cjs');var _lit = require('lit');var _decoratorsjs = require('lit/decorators.js');var _unsafehtmljs = require('lit/directives/unsafe-html.js');var s=`
2
2
  /** default styles for all components */
3
3
  *, ::before, ::after{
4
4
  --tw-border-spacing-x: 0;
@@ -1929,7 +1929,168 @@ qti-choice-interaction.qti-orientation-horizontal {
1929
1929
  qti-choice-interaction[orientation='horizontal'] {
1930
1930
  flex-direction: row;
1931
1931
  }
1932
- `;var o=class extends _lit.LitElement{constructor(){super();this.itemLocation="";this.disabled=!1;this._xml="";this.audienceContext={view:"candidate"};this.render=()=>_lit.html`${_unsafehtmljs.unsafeHTML.call(void 0, this._xml)}<slot></slot>`;this.addEventListener("qti-item-first-updated",t=>{this.checkAudienceContext()})}update(t){t.has("disabled")&&this.assessmentItem&&(this.assessmentItem.disabled=this.disabled),t.has("audienceContext")&&this.checkAudienceContext(),super.update(t)}checkAudienceContext(){var t,a;(t=this.shadowRoot.querySelectorAll("[view]"))==null||t.forEach(r=>{r.getAttribute("view")===this.audienceContext.view?r.classList.add("show"):r.classList.remove("show")}),(a=this.assessmentItem)==null||a.showCorrectResponse(this.audienceContext.view==="scorer")}set xml(t){this._xml=_chunkCCQXZDO6cjs.a.call(void 0, t).customTypes().cDataToComment().customDefinition().assetsLocation(`${this.itemLocation}`).xml()}set css(t){var r;let a=new CSSStyleSheet;a.replaceSync(t),(r=this.shadowRoot)==null||r.adoptedStyleSheets.push(a)}get assessmentItem(){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector("qti-assessment-item")}connectedCallback(){super.connectedCallback(),this.css=w}};o.styles=_lit.css`
1932
+ ::host{
1933
+ height: 100vh;
1934
+ width: 100vw;
1935
+ --tw-bg-opacity: 1;
1936
+ background-color: rgb(248 250 252 / var(--tw-bg-opacity));
1937
+ }
1938
+ qti-assessment-test{
1939
+ display: block;
1940
+ padding: 2rem;
1941
+ }
1942
+ qti-assessment-test .nav{
1943
+ isolation: isolate;
1944
+ margin-top: 1rem;
1945
+ display: inline-flex;
1946
+ width: 100%;
1947
+ }
1948
+ qti-assessment-test .nav > :not([hidden]) ~ :not([hidden]){
1949
+ --tw-space-x-reverse: 0;
1950
+ margin-right: calc(-1px * var(--tw-space-x-reverse));
1951
+ margin-left: calc(-1px * calc(1 - var(--tw-space-x-reverse)));
1952
+ }
1953
+ qti-assessment-test .nav{
1954
+ border-radius: 0.375rem;
1955
+ --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
1956
+ --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
1957
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
1958
+ }
1959
+ qti-assessment-test test-prev::part(button) {
1960
+ all: unset;
1961
+ position: relative;
1962
+ display: inline-flex;
1963
+ align-items: center;
1964
+ border-top-left-radius: 0.375rem;
1965
+ border-bottom-left-radius: 0.375rem;
1966
+ --tw-bg-opacity: 1;
1967
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
1968
+ padding-top: 0.5rem;
1969
+ padding-bottom: 0.5rem;
1970
+ padding-left: 0.5rem;
1971
+ padding-right: 1rem;
1972
+ --tw-text-opacity: 1;
1973
+ color: rgb(156 163 175 / var(--tw-text-opacity));
1974
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
1975
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
1976
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
1977
+ --tw-ring-inset: inset;
1978
+ --tw-ring-opacity: 1;
1979
+ --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
1980
+ }
1981
+ qti-assessment-test test-prev::part(button):hover{
1982
+ --tw-bg-opacity: 1;
1983
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
1984
+ }
1985
+ qti-assessment-test test-prev::part(button):focus{
1986
+ z-index: 20;
1987
+ outline-offset: 0px;
1988
+ }
1989
+ qti-assessment-test test-slider::part(input){
1990
+ width: 100%;
1991
+ }
1992
+ qti-assessment-test test-next::part(button) {
1993
+ all: unset;
1994
+ position: relative;
1995
+ display: inline-flex;
1996
+ align-items: center;
1997
+ border-top-right-radius: 0.375rem;
1998
+ border-bottom-right-radius: 0.375rem;
1999
+ --tw-bg-opacity: 1;
2000
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2001
+ padding-top: 0.5rem;
2002
+ padding-bottom: 0.5rem;
2003
+ padding-left: 1rem;
2004
+ padding-right: 0.5rem;
2005
+ --tw-text-opacity: 1;
2006
+ color: rgb(156 163 175 / var(--tw-text-opacity));
2007
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2008
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2009
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2010
+ --tw-ring-inset: inset;
2011
+ --tw-ring-opacity: 1;
2012
+ --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
2013
+ }
2014
+ qti-assessment-test test-next::part(button):hover{
2015
+ --tw-bg-opacity: 1;
2016
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2017
+ }
2018
+ qti-assessment-test test-next::part(button):focus{
2019
+ z-index: 20;
2020
+ outline-offset: 0px;
2021
+ }
2022
+ qti-assessment-test test-paging-buttons{
2023
+ display: none;
2024
+ width: 100%;
2025
+ justify-content: center;
2026
+ }
2027
+ @media (min-width: 768px){
2028
+ qti-assessment-test test-paging-buttons{
2029
+ margin-top: -1px;
2030
+ display: flex;
2031
+ }
2032
+ }
2033
+ qti-assessment-test test-paging-buttons > button{
2034
+ position: relative;
2035
+ display: inline-flex;
2036
+ align-items: center;
2037
+ --tw-bg-opacity: 1;
2038
+ background-color: rgb(255 255 255 / var(--tw-bg-opacity));
2039
+ padding-left: 1rem;
2040
+ padding-right: 1rem;
2041
+ padding-top: 0.5rem;
2042
+ padding-bottom: 0.5rem;
2043
+ font-size: 0.875rem;
2044
+ line-height: 1.25rem;
2045
+ font-weight: 600;
2046
+ --tw-text-opacity: 1;
2047
+ color: rgb(17 24 39 / var(--tw-text-opacity));
2048
+ --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
2049
+ --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
2050
+ box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
2051
+ --tw-ring-inset: inset;
2052
+ --tw-ring-opacity: 1;
2053
+ --tw-ring-color: rgb(209 213 219 / var(--tw-ring-opacity));
2054
+ }
2055
+ qti-assessment-test test-paging-buttons > button:hover{
2056
+ --tw-bg-opacity: 1;
2057
+ background-color: rgb(249 250 251 / var(--tw-bg-opacity));
2058
+ }
2059
+ qti-assessment-test test-paging-buttons > button:focus{
2060
+ z-index: 20;
2061
+ outline-offset: 0px;
2062
+ }
2063
+ qti-assessment-test test-paging-buttons > button[data-active-item='true']{
2064
+ position: relative;
2065
+ z-index: 10;
2066
+ display: inline-flex;
2067
+ align-items: center;
2068
+ --tw-bg-opacity: 1;
2069
+ background-color: rgb(79 70 229 / var(--tw-bg-opacity));
2070
+ padding-left: 1rem;
2071
+ padding-right: 1rem;
2072
+ padding-top: 0.5rem;
2073
+ padding-bottom: 0.5rem;
2074
+ font-size: 0.875rem;
2075
+ line-height: 1.25rem;
2076
+ font-weight: 600;
2077
+ --tw-text-opacity: 1;
2078
+ color: rgb(255 255 255 / var(--tw-text-opacity));
2079
+ }
2080
+ qti-assessment-test test-paging-buttons > button[data-active-item='true']:focus{
2081
+ z-index: 20;
2082
+ }
2083
+ qti-assessment-test test-paging-buttons > button[data-active-item='true']:focus-visible{
2084
+ outline-style: solid;
2085
+ outline-width: 2px;
2086
+ outline-offset: 2px;
2087
+ outline-color: #4f46e5;
2088
+ }
2089
+ qti-assessment-test qti-test-part qti-assessment-section{
2090
+ aspect-ratio: 16 / 9;
2091
+ width: 100%;
2092
+ }
2093
+ `;var o=class extends _lit.LitElement{constructor(){super();this.itemLocation="";this.disabled=!1;this._xml="";this.audienceContext={view:"candidate"};this.render=()=>_lit.html`${_unsafehtmljs.unsafeHTML.call(void 0, this._xml)}<slot></slot>`;this.addEventListener("qti-item-first-updated",t=>{this.checkAudienceContext()})}update(t){t.has("disabled")&&this.assessmentItem&&(this.assessmentItem.disabled=this.disabled),t.has("audienceContext")&&this.checkAudienceContext(),super.update(t)}checkAudienceContext(){var t,a;(t=this.shadowRoot.querySelectorAll("[view]"))==null||t.forEach(r=>{r.getAttribute("view")===this.audienceContext.view?r.classList.add("show"):r.classList.remove("show")}),(a=this.assessmentItem)==null||a.showCorrectResponse(this.audienceContext.view==="scorer")}set xml(t){this._xml=_chunkCCQXZDO6cjs.a.call(void 0, t).customTypes().cDataToComment().customDefinition().assetsLocation(`${this.itemLocation}`).xml()}set css(t){var r;let a=new CSSStyleSheet;a.replaceSync(t),(r=this.shadowRoot)==null||r.adoptedStyleSheets.push(a)}get assessmentItem(){var t;return(t=this.shadowRoot)==null?void 0:t.querySelector("qti-assessment-item")}connectedCallback(){super.connectedCallback(),this.css=s}};o.styles=_lit.css`
1933
2094
  [view],
1934
2095
  qti-outcome-declaration,
1935
2096
  qti-response-declaration {