@webwriter/quiz 1.0.9 → 1.1.1

package/localization/pt-PT.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>Prompt</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/ro.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>Prompt</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/ru.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>Справка</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/sk.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>Prompt</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/sl.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>Poziv</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/sv.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>Frågeställning</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/tr.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>İstem</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/uk.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>Швидко</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/localization/zh-hans.xlf

@@ -49,6 +49,21 @@
         <source>Prompt</source>
         <target>提示</target>
       </trans-unit>
+<trans-unit id="sb0aadaa04e658ad6">
+  <source>Choice</source>
+</trans-unit>
+<trans-unit id="s2ba5f4d8f3bd7c57">
+  <source>Order</source>
+</trans-unit>
+<trans-unit id="s2492f5fb1b05b45e">
+  <source>Text</source>
+</trans-unit>
+<trans-unit id="s49c940aecfef3ea0">
+  <source>Mark</source>
+</trans-unit>
+<trans-unit id="saa3efba1f0c816b7">
+  <source>Speech</source>
+</trans-unit>
     </body>
   </file>
 </xliff>

package/package.json

@@ -1,90 +1,39 @@
 {
     "name": "@webwriter/quiz",
-    "version": "1.0.9",
+    "version": "1.1.1",
     "description": "Add interactive tasks (multiple choice, order, free text, highlighting, or speech input). Make a quiz out of multiple tasks.",
     "keywords": [
         "webwriter-widget",
         "widget-practical",
         "widget-lang-en",
         "widget-lang-de",
-        "widget-lang-af",
-        "widget-lang-am",
-        "widget-lang-ar",
-        "widget-lang-az",
         "widget-lang-bg",
-        "widget-lang-bn",
-        "widget-lang-bs",
-        "widget-lang-ca",
         "widget-lang-cs",
-        "widget-lang-cy",
         "widget-lang-da",
         "widget-lang-el",
-        "widget-lang-eo",
         "widget-lang-es",
         "widget-lang-et",
-        "widget-lang-eu",
-        "widget-lang-fa",
         "widget-lang-fi",
-        "widget-lang-fil",
         "widget-lang-fr",
-        "widget-lang-gl",
-        "widget-lang-he",
-        "widget-lang-hi",
-        "widget-lang-hr",
         "widget-lang-hu",
-        "widget-lang-hy",
         "widget-lang-id",
-        "widget-lang-is",
         "widget-lang-it",
         "widget-lang-ja",
-        "widget-lang-ka",
-        "widget-lang-kk",
-        "widget-lang-km",
-        "widget-lang-kn",
         "widget-lang-ko",
         "widget-lang-lt",
         "widget-lang-lv",
-        "widget-lang-mk",
-        "widget-lang-ml",
-        "widget-lang-mn",
-        "widget-lang-mr",
-        "widget-lang-ms",
         "widget-lang-nb",
-        "widget-lang-ne",
         "widget-lang-nl",
-        "widget-lang-nn",
         "widget-lang-pl",
         "widget-lang-pt",
         "widget-lang-ro",
         "widget-lang-ru",
-        "widget-lang-si",
         "widget-lang-sk",
         "widget-lang-sl",
-        "widget-lang-sq",
-        "widget-lang-sr",
         "widget-lang-sv",
-        "widget-lang-ta",
-        "widget-lang-tg",
-        "widget-lang-th",
         "widget-lang-tr",
-        "widget-lang-ug",
         "widget-lang-uk",
-        "widget-lang-uz",
-        "widget-lang-vi",
-        "widget-lang-xh",
-        "widget-lang-yi",
         "widget-lang-zh",
-        "iscedf2013-99",
-        "iscedf2013-01",
-        "iscedf2013-02",
-        "iscedf2013-03",
-        "iscedf2013-04",
-        "iscedf2013-05",
-        "iscedf2013-06",
-        "iscedf2013-07",
-        "iscedf2013-08",
-        "iscedf2013-09",
-        "iscedf2013-10",
         "isced2011-1",
         "isced2011-2",
         "isced2011-3",
@@ -128,6 +77,7 @@
             "source": "./src/widgets/webwriter-quiz.ts",
             "default": "./dist/widgets/webwriter-quiz.*"
         },
+        "./snippets/blank.html": "./src/snippets/blank.html",
         "./snippets/choice.html": "./src/snippets/choice.html",
         "./snippets/order.html": "./src/snippets/order.html",
         "./snippets/text.html": "./src/snippets/text.html",
@@ -202,6 +152,9 @@
     },
     "editingConfig": {
         ".": {
+            "label": {
+                "_": "Quiz"
+            },
             "description": {
                 "de": "Fügen Sie interaktive Aufgaben hinzu (Multiple Choice, Reihenfolge, freier Text, Hervorhebung oder Spracheingabe). Erstellen Sie ein Quiz aus mehreren Aufgaben."
             }
@@ -275,7 +228,7 @@
         },
         "./widgets/webwriter-task": {
             "isolating": true,
-            "content": "webwriter-task-prompt webwriter-task-hint? answer webwriter-task-explainer*",
+            "content": "webwriter-task-prompt webwriter-task-hint? answer",
             "uninsertable": true
         },
         "./widgets/webwriter-task-prompt": {
@@ -299,7 +252,8 @@
             "uninsertable": true
         },
         "./widgets/webwriter-quiz": {
-            "content": "webwriter-task*"
+            "content": "webwriter-task*",
+            "uninsertable": true
         }
     }
 }

package/src/snippets/blank.html

@@ -0,0 +1 @@
+<p>EASTEREGG</p>

package/src/widgets/webwriter-choice-item.ts

@@ -25,6 +25,9 @@ export class WebwriterChoiceItem extends LitElementWw {
 
   localize = LOCALIZE
 
+  @property({type: Boolean, attribute: false})
+  accessor showSolution = true
+
   @property({type: Boolean, attribute: false})
   accessor active = false
 
@@ -242,7 +245,7 @@ export class WebwriterChoiceItem extends LitElementWw {
 
   render() {
     return keyed(this.layout, html`
-      ${this.valid !== undefined && (this.active || !this.active && this.valid)? html`<sl-icon class="solution user-only" ?data-valid=${this.valid} src=${this.valid? IconCheck: IconX}></sl-icon>`: null}
+      ${this.showSolution && this.valid !== undefined && (this.active || !this.active && this.valid)? html`<sl-icon class="solution user-only" ?data-valid=${this.valid} src=${this.valid? IconCheck: IconX}></sl-icon>`: null}
       <sl-checkbox class=${classMap({valid: this.valid, active: this.active})} exportparts="base, control, label" @click=${this.handleClick} @sl-change=${this.handleChange} ?checked=${this.isContentEditable? this.valid: this.active}>
         <slot part="slot" style=${styleMap({"--ww-placeholder": `"${msg("Option")}"`})}></slot>
       </sl-checkbox>

package/src/widgets/webwriter-choice.ts

@@ -48,7 +48,6 @@ export class WebwriterChoice extends LitElementWw {
   })
   accessor mode: "truefalse" | "single" | "multiple" = "single"
 
-
   get layout(): "list" | "tiles" {
     return this.children?.item(0)?.getAttribute("layout") as any ?? "list"
   }
@@ -69,10 +68,16 @@ export class WebwriterChoice extends LitElementWw {
   @property({type: Boolean, attribute: true, reflect: true})
   @option({
     type: Boolean,
-    label: {"en": "Random Choice Order"}
+    label: {"en": "Random Choice Order", "de": "Zufällige Reihenfolge"}
   })
   accessor randomOrder = false
 
+  @property({type: Boolean, attribute: true, reflect: true})
+  @option({
+    type: Boolean,
+    label: {"en": "show Solution", "de": "Lösung anzeigen"},
+  })
+  accessor showSolution = false
 
   get solution() {
     const validIDs = this.items.filter(item => item.valid).map(item => item.id)
@@ -85,15 +90,35 @@ export class WebwriterChoice extends LitElementWw {
 
   
   reportSolution() {
+
+    let itemActive: boolean = false
+    this.items.forEach(item => {itemActive = itemActive || item.active})
+    console.log(itemActive)
+    if(!itemActive){
+      this.items.forEach(item => {item.valid = undefined; item.active = false; item.style.pointerEvents = "auto"})
+      return
+    }
+    console.warn("h")
     if(!this.solution) {
       this.items.forEach(item => item.valid = true)
       return
     }
-    this.items.forEach(item => item.valid = (this.solution ?? []).includes(item.id))
+    this.items.forEach(item => {
+        item.valid = (this.solution ?? []).includes(item.id)
+        console.log(this.solution, item.active, item.valid)
+        if(item.active != item.valid && !this.showSolution){
+          this.items.forEach(item => {
+            item.showSolution = false
+          })
+        }
+        item.style.pointerEvents = "none"
+      }
+    )
+
   }
 
   reset() {
-    this.items.forEach(item => {item.valid = undefined; item.active = false})
+    this.items.forEach(item => {item.valid = undefined; item.active = false; item.showSolution = true; item.style.pointerEvents = "auto"})
     this.shuffleItems()
   }
 

package/src/widgets/webwriter-order-item.ts

@@ -33,6 +33,9 @@ export class WebwriterOrderItem extends LitElementWw {
     "sl-icon-button": SlIconButton
   }
 
+  @property({attribute: false, type: Boolean})
+  accessor showSolution = true
+
   @property({attribute: true, reflect: true, converter: {toAttribute: (v: boolean) => v? "true": "false", fromAttribute: (attr: string) => attr === "true"}})
   accessor draggable = true
 
@@ -420,7 +423,7 @@ export class WebwriterOrderItem extends LitElementWw {
   render() {
     const solution = this.validOrder !== undefined? html`<span class="solution" ?data-valid=${this.elementIndex === this.validOrder}>${this.validOrder + 1}</span>`: null
     return html`<ol part="base" start=${this.elementIndex + 1}>
-      ${this.layout === "list"? solution: null}
+      ${this.layout === "list" && this.showSolution ? solution: null}
       <li id="main-li">
         <slot id="content" style=${styleMap({"--ww-placeholder": `"${msg("Option")}"`, "--offset": `${this.contentSlotEl?.offsetLeft + 1}px`})}></slot>
       </li>
@@ -431,7 +434,7 @@ export class WebwriterOrderItem extends LitElementWw {
     </ol>
     <ol id="count" start=${this.elementIndex + 1}>
       <li ?data-two-digit=${this.elementIndex + 1 >= 10}></li>
-      ${this.layout === "tiles"? solution: null}
+      ${this.layout === "tiles" && this.showSolution? solution: null}
     </ol>
     <div id="handle"></div>`
   }

package/src/widgets/webwriter-order.ts

@@ -132,11 +132,17 @@ export class WebwriterOrder extends LitElementWw {
   }
 
   @property({type: Boolean, attribute: true, reflect: true}) //@ts-ignore
-  @option({type: Boolean, label: {_: "Hide order buttons"}})
+  @option({type: Boolean, label: {"en": "Hide order buttons", "de": "Pfeile zum Verschieben verstecken"}})
   set hideOrderButtons(value: boolean) {
     this.items.forEach(item => item.hideOrderButtons = value)
   }
 
+  @property({type: Boolean, attribute: true, reflect: true})
+  @option({
+    type: Boolean,
+    label: {"en": "show Solution", "de": "Lösung anzeigen"},
+  })
+  accessor showSolution = true
 
   observer: MutationObserver
 
@@ -266,12 +272,33 @@ export class WebwriterOrder extends LitElementWw {
 
   
   reportSolution() {
+    console.log(this.solution, this.items)
     this.solution.forEach((id, i) => (this.querySelector(`#${id}`) as any).validOrder = i)
+    if(!this.showSolution){
+      this.items.forEach(item => {
+        console.log(item.validOrder, this.solution.indexOf(item.id))
+        if(this.items.indexOf(item) != this.solution.indexOf(item.id)){
+          this.items.forEach(i => {
+            i.showSolution = false
+          })
+        }
+      })
+    }
+    this.items.forEach(item=>{
+      item.style.pointerEvents="none"
+    })
   }
 
   reset() {
     this.solution = undefined
     this.shuffleItems()
+    this.items.forEach(item=>{
+      item.style.pointerEvents="auto"
+    })
+  }
+
+  protected firstUpdated(_changedProperties: PropertyValues): void {
+      this.showSolution = this.showSolution
   }
 
   render() {

package/src/widgets/webwriter-quiz.ts

@@ -214,7 +214,8 @@ export class WebwriterQuiz extends LitElementWw {
   }
 
   handleReset = () => {
-    this.tasks.forEach(task => task.reset())
+    console.warn(this.tasks)
+    this.tasks.forEach(task => task.handleReset())
     this.requestUpdate()
     this.submitted = false
   }

package/src/widgets/webwriter-task.ts

@@ -522,9 +522,9 @@ export class WebwriterTask extends LitElementWw {
         <span>${this.ordinalExpr}</span>
         <slot name="prompt"></slot>
         <div id="task-buttons">
-          <sl-icon-button class="author-only" id="feedback" src=${!this.explainers.length? IconPatchCheck: IconPatchCheckFill} @click=${() => this.toggleExplainers()}></sl-icon-button>
+          <sl-icon-button style="display: none" class="author-only" id="feedback" src=${!this.explainers.length? IconPatchCheck: IconPatchCheckFill} @click=${() => this.toggleExplainers()}></sl-icon-button>
           <sl-popup id="hint-popup" ?active=${this.hintOpen} placement="left" arrow auto-size shift @selectstart=${e => e.stopImmediatePropagation()}>
-            <sl-icon-button class="author-only" slot="anchor" id="hint" src=${!this.hasHintContent && !this.hintOpen? IconPatchQuestion: IconPatchQuestionFill} @click=${() => this.toggleHint()}></sl-icon-button>
+            <sl-icon-button slot="anchor" id="hint" src=${!this.hasHintContent && !this.hintOpen? IconPatchQuestion: IconPatchQuestionFill} @click=${() => this.toggleHint()}></sl-icon-button>
             <div id="hint-content">
               <slot name="hint" @slotchange=${this.handleHintSlotChange}></slot>
             </div>

package/src/widgets/webwriter-text.ts

@@ -1,4 +1,4 @@
-import {html, css} from "lit"
+import {html, css, PropertyValues} from "lit"
 import {LitElementWw, option} from "@webwriter/lit"
 import {customElement, property, query} from "lit/decorators.js"
 import {ifDefined} from "lit/directives/if-defined.js"
@@ -38,6 +38,26 @@ export class WebwriterText extends LitElementWw {
   @option()
   accessor placeholder: string
 
+  @property({type: Boolean, attribute: true, reflect: true})
+  @option({
+    type: Boolean,
+    label: {"en": "Ignore capitalization", "de": "Großschreibung ignorieren"},
+  })
+  accessor ignoreCase = false
+
+  @property({type: Boolean, attribute: true, reflect: true})
+  @option({
+    type: Boolean,
+    label: {"en": "show Solution", "de": "Lösung anzeigen"},
+  })
+  accessor showSolution = false
+
+  @property({type: String, attribute: true, reflect: true})
+  @option({
+    label: {"en": "Message for wrong solution", "de": "Nachricht bei falscher Lösung"},
+  })
+  accessor wrongMessage: string
+
   @property({type: String, attribute: true, reflect: true})
   accessor value: string
 
@@ -84,11 +104,11 @@ export class WebwriterText extends LitElementWw {
     }
 
     #solution[data-correct] {
-      background: var(--sl-color-success-200);
+      background-color: var(--sl-color-success-200);
     }
 
     #solution:not([data-correct]) {
-      background: var(--sl-color-danger-200);
+      background-color: var(--sl-color-danger-200);
     }
   `
 
@@ -125,12 +145,12 @@ export class WebwriterText extends LitElementWw {
   accessor solution: string
 
   render() {
-    const correct = this.solution && this.value?.trim() === this.solution
+    const correct = !this.ignoreCase ? this.solution && this.value?.trim() === this.solution : this.solution && this.value?.trim().toLowerCase() === this.solution.toLowerCase()
     const textarea = html`<sl-textarea ?data-correct=${correct} value=${this.isContentEditable? this.solution: this.value} placeholder=${this.placeholder} resize="none" @sl-change=${this.handleChange}></sl-textarea>`
     const input = html`<sl-input ?data-correct=${correct} value=${this.isContentEditable? this.solution: this.value} placeholder=${this.placeholder} type=${this.type} @sl-change=${this.handleChange}></sl-input>`
     return html`
       ${this.type === "long-text"? textarea: input}
-      ${this.solution && !this.isContentEditable && !correct? html`<div id="solution" ?data-correct=${correct}>${this.solution}</div>`: undefined}
+      ${this.solution && !this.isContentEditable && !correct? html`<div id="solution" ?data-correct=${correct}>${this.showSolution?this.solution:html`<i>${this.wrongMessage}</i>`}</div>`: undefined}
     `
   }
 }