@webwriter/quiz 1.1.5 → 2.0.0

package/src/lib/combobox.ts

@@ -1,456 +0,0 @@
-import { LitElement, html, css, CSSResultArray, CSSResult, PropertyValueMap, PropertyValues } from "lit"
-import { customElement, property, query, queryAssignedElements } from "lit/decorators.js"
-import SlInput from "@shoelace-style/shoelace/dist/components/input/input.component.js"
-import SlOption from "@shoelace-style/shoelace/dist/components/option/option.component.js"
-import IconChevronDown from "bootstrap-icons/icons/chevron-down.svg"
-
-import { ifDefined } from "lit/directives/if-defined.js"
-import { styleMap } from "lit/directives/style-map.js"
-
-@customElement("ww-combobox")
-export class Combobox extends LitElement {
-
-  static shadowRootOptions = {...LitElement.shadowRootOptions, delegatesFocus: true}
-
-  constructor() {
-    super()
-    this.addEventListener("focus", e => {this.active = true; this.open = true})
-    this.addEventListener("focusout", e => {
-      this.active = this.open = false
-    })
-    this.addEventListener("blur", e => {
-      this.active = this.open = false
-    })
-    this.value = this.defaultValue = this.multiple? []: ""
-  }
-
-  tabIndex = 0
-
-  @property({attribute: false}) //@ts-ignore
-  accessor value: string[] | string
-
-  @property({attribute: false}) //@ts-ignore
-  accessor defaultValue: string[] | string
-
-  @query("input") //@ts-ignore
-  accessor input: HTMLInputElement
-
-  @query("#toggle")
-  accessor toggleButton: HTMLInputElement
-
-  @query("slot:not([name])")
-  accessor slotElement: HTMLSlotElement
-
-  @queryAssignedElements()
-  accessor optionElements: HTMLElement[]
-
-  @property({type: String, attribute: true}) //@ts-ignore
-  accessor autocomplete: SlInput["autocomplete"] = "off"
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor active: boolean
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor inputDisabled: boolean = false
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor multiple: boolean = false
-
-  @property({type: String}) //@ts-ignore
-  accessor placeholder: string
-  
-  @property({type: String, attribute: true, reflect: true})
-  accessor emptyValue: string
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor open: boolean = false
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor suggestions: boolean = false
-
-  @property({type: String, attribute: "help-text"}) //@ts-ignore
-  accessor helpText: string
-
-  @property({type: Number, attribute: true})
-  accessor fixLength: number
-  
-  @property({type: String, attribute: true})
-  accessor separator: string = " "
-
-  @property({type: String, attribute: true})
-  accessor placement = "bottom" as const
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor autosize = false
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor disabled = false
-
-  @property({type: Boolean, attribute: true, reflect: true})
-  accessor required = false
-
-  @property({type: String, attribute: true, reflect: true})
-  accessor type: "button" | "checkbox" | "color" | "date" | "datetime-local" | "email" | "file" | "hidden" | "image" | "month" | "number" | "password" | "radio" | "range" | "reset" | "search" | "submit" | "tel" | "text" | "time" | "url" | "week"
-
-  @property({type: String, attribute: true, reflect: true})
-  accessor label: string
-
-  get validity() {
-    return this.input.validity
-  }
-
-  get validationMessage() {
-    return this.input.validationMessage
-  }
-
-  setValidity(isValid: boolean) {
-    const host = this
-    const required = Boolean(this.required)
-    host.toggleAttribute('data-required', required)
-    host.toggleAttribute('data-optional', !required)
-    host.toggleAttribute('data-invalid', !isValid)
-    host.toggleAttribute('data-valid', isValid)
-  }
-
-  focus() {
-    if(this.inputDisabled && this.suggestions) {
-      this.open = !this.open
-      super.focus()
-    }
-    else {
-      this.input?.focus()
-    }
-  }
-
-  blur() {
-    this.open = false
-  }
-
-  getForm() {
-    return this.input.form
-  }
-
-  static styles: CSSResult | CSSResultArray = [SlInput.styles, css`
-    * {
-      font-family: var(--sl-font-sans);
-    }
-
-    :host {
-      display: flex;
-      flex-direction: column;
-    }
-
-    [part=base] {
-      display: flex;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: center;
-      position: relative;
-      border: solid var(--sl-input-border-width) var(--sl-input-border-color);
-      border-radius: var(--sl-input-border-radius-medium);
-      max-width: 100%;
-      min-height: var(--sl-input-height-medium);
-      padding: 0 var(--sl-input-spacing-medium);
-      padding-right: 0;
-      background: white;
-    }
-
-    :host(:not([inputDisabled]):not([disabled])) {
-      cursor: text;
-    }
-
-    :host([inputDisabled]:not([disabled])), :host([inputDisabled]:not([disabled])) input {
-      cursor: pointer;
-    }
-
-    :host([multiple]) [part=base] {
-      flex-wrap: wrap;
-    }
-
-    :host([filled]) [part=base] {
-      background: var(--sl-input-filled-background-color);
-    }
-
-    :host([active]) [part=base] {
-      border-color: var(--sl-input-border-color-focus);
-      box-shadow: 0 0 0 var(--sl-focus-ring-width) var(--sl-input-focus-ring-color);
-    }
-
-    :host([disabled]) [part=base] {
-      background: none;
-    }
-
-    :host(:hover) [part=base] {
-      border-color: var(--sl-color-gray-400);
-    }
-
-    #values {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      gap: 0.25rem;
-      padding-top: 0.25rem;
-      padding-bottom: 0.25rem;
-      flex-wrap: wrap;
-    }
-
-    #values > * {
-      margin-top: 0.125rem;
-      margin-bottom: 0.125rem;
-    }
-
-    #options {
-      display: block;
-      font-family: var(--sl-font-sans);
-      font-size: var(--sl-font-size-medium);
-      font-weight: var(--sl-font-weight-normal);
-      box-shadow: var(--sl-shadow-large);
-      background: var(--sl-panel-background-color);
-      border: solid var(--sl-panel-border-width) var(--sl-panel-border-color);
-      border-radius: var(--sl-border-radius-medium);
-      padding-block: var(--sl-spacing-x-small);
-      padding-inline: 0;
-      overflow: auto;
-      overscroll-behavior: none;
-      width: 100%;
-      max-height: var(--auto-size-available-height);
-    }
-
-    :host(:is(:not([open]), :not([suggestions]))) #options {
-      display: none;
-    }
-
-    #options::part(base) {
-      width: 100%;
-      border-top: none;
-    }
-
-    input {
-      flex-grow: 1;
-      display: inline-flex;
-      border: none;
-      outline: none;
-      background: transparent;
-      font-size: var(--sl-input-font-size-small);
-    }
-
-    :host(:not([suggestions])) sl-menu, :host(:not([suggestions])) #toggle {
-      display: none;
-    }
-
-    #toggle {
-      padding-right: var(--sl-input-spacing-medium);
-    }
-
-    :host([size=small]) #toggle {
-      padding-right: var(--sl-spacing-2x-small);
-      font-size: var(--sl-input-font-size-small);
-    }
-
-    #toggle::part(base) {
-      padding: 0;
-    }
-
-    #toggle::part(base) {
-      transition: transform 0.25s ease;
-    }
-
-    :host([open]) #toggle::part(base) {
-      transform: rotate(180deg);
-    }
-
-    :host([open]) {
-      z-index: 100;
-    }
-
-    sl-dropdown::part(panel) {
-      width: 100%;
-    }
-
-    [part=suffix] {
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      justify-content: flex-end;
-      max-width: 50%;
-      flex-grow: 0;
-    }
-
-    [part=label]::slotted(*), label {
-      align-self: flex-start;
-      margin-bottom: var(--sl-spacing-3x-small);
-    }
-
-    :host([required]) [part=label]::after {
-      content: "*";
-      margin-left: 0.25ch;
-    }
-
-    :host(:not([help-text])) #help-text {
-      display: none;
-    }
-
-    #help-text {
-      font-size: var(--sl-input-help-text-font-size-medium);
-      color: var(--sl-input-help-text-color);
-      margin-top: var(--sl-spacing-3x-small);
-    }
-
-    slot[name=prefix]::slotted(:last-child) {
-      margin-right: 1ch;
-    }
-
-    :host([size=small]) [part=base] {
-      min-height: var(--sl-input-height-small);
-      padding: 0 var(--sl-input-spacing-small);
-    }
-
-    #hide {
-      height: 0;
-      position: absolute;
-      right: 0;
-      bottom: 0;
-      white-space: pre;
-      overflow: hidden;
-      font-size: var(--sl-input-font-size-small);
-    }
-  `]
-
-  handleTextInput(e: Event) {
-    const input = e.target as HTMLInputElement
-    e.preventDefault()
-    if(!this.multiple && this.fixLength && input.value.length < this.fixLength) {
-      input.value = this.value as string
-    }
-    else if(!this.multiple) {
-      this.value = input.value
-    }
-    else if(input.value === this.separator) {
-      input.value = ""
-    }
-    else {
-      this.value = [...this.valueList.slice(0, -1), ...input.value.split(this.separator)]
-      input.value = this.valueList.at(-1)!
-    }
-    this.dispatchInput()
-    this.setValidity(this.validity.valid)
-  }
-
-  handleInputKeydown(e: KeyboardEvent) {
-    const input = e.target as HTMLInputElement
-    if(this.multiple && e.key === "Backspace" && input.selectionStart === 0 && input.selectionEnd === 0) {
-      e.preventDefault()
-      this.value = this.valueList.slice(0, -1)
-    }
-    this.requestUpdate()
-  }
-
-  handleOptionClick = (e: PointerEvent) => {
-    const option = (e.target as HTMLElement).closest("sl-option") as SlOption | null
-    if(option) {
-      this.value = option.value
-      this.focus()
-      this.open = false
-      this.dispatchChange()
-      this.requestUpdate()
-    }
-  }
-
-  dispatchChange() {
-    this.dispatchEvent(new CustomEvent("sl-change", {composed: true, bubbles: true}))
-  }
-
-  dispatchInput() {
-    this.dispatchEvent(new CustomEvent("sl-input", {composed: true, bubbles: true}))
-  }
-
-  get valueList() {
-    return (this.multiple? this.value || []: [this.value])  as string[]
-  }
-
-  get inputSize() {
-    return !this.multiple? undefined: Math.min(
-      Math.max(this.placeholder?.length ?? 1, this.valueList.at(-1)!?.length ?? 1 - 1),
-      40
-    )
-  }
-
-  protected firstUpdated(_changedProperties: PropertyValues): void {
-    super.firstUpdated(_changedProperties)
-    this.requestUpdate()
-  }
-
-  connectedCallback(): void {
-    super.connectedCallback()
-    this.requestUpdate()
-  }
-
-  @query("#hide")
-  accessor hideEl: HTMLElement
-
-  @query("input")
-  accessor inputEl: HTMLInputElement
-
-  get inputWidth() {
-    return this.hideEl? this.hideEl.offsetWidth: 0
-  }
-
-  get inputValue() {
-    const value = this.multiple? this.valueList.at(-1) ?? "": String(this.value ?? "")
-    return value !== this.emptyValue? value: ""
-  }
-
-  render() {
-    const input = html`
-      <input
-        part="input"
-        type=${this.type}
-        size=${ifDefined(this.inputSize)}
-        .value=${this.inputValue}
-        placeholder=${this.multiple && this.valueList.length > 1? "": this.placeholder}
-        ?disabled=${this.disabled || this.inputDisabled}
-        @input=${this.handleTextInput}
-        @change=${this.dispatchChange}
-        @keydown=${this.handleInputKeydown}
-        autocomplete=${this.autocomplete as any}
-        style=${this.autosize? styleMap({width: `calc(${this.inputWidth}px + 2ch)`}): undefined}
-      >
-    `
-    return html`
-      <slot name="label" part="label" @click=${this.focus}>
-        <label>${this.label}</label> 
-      </slot>
-      <div part="base" id="anchor" tabindex=${0}>
-        <slot name="prefix"></slot>
-        ${this.multiple? html`
-          <span id="values">
-            <slot name="values"></slot>
-            ${this.valueList.slice(0, -1).map(v => html`
-              <sl-tag size="small" variant="primary">${v}</sl-tag>
-            `)}
-            ${input}
-          </span>
-        `: input}
-        <div part="suffix">
-          <slot name="suffix"></slot>
-            <sl-icon-button
-              slot="trigger"
-              part="trigger"
-              id="toggle"
-              src=${IconChevronDown}
-              @focus=${(e: Event) => e.stopPropagation()}
-              @click=${(e: Event) => {this.open = !this.open; e.stopPropagation()}}
-              @mousedown=${(e: Event) => {e.stopPropagation(); e.preventDefault()}}
-            ></sl-icon-button>
-        </div>
-      </div>
-      <sl-popup anchor="anchor" placement=${this.placement} strategy="fixed" ?active=${this.open} auto-size="vertical" auto-size-padding="10" flip shift>
-          <sl-menu id="options" @click=${this.handleOptionClick}>
-            <slot></slot>
-          </sl-menu>
-        </sl-popup>
-      <div id="help-text">${this.helpText}</div>
-      <span id="hide">${this.inputEl?.value}</span>
-    `
-  }
-}

package/src/lib/highlighter-fill.svg

@@ -1,6 +0,0 @@
-<svg width="20" height="20" fill="currentColor" class="bi bi-highlighter" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">
-  <path style="fill:#ffffff;stroke-width:0.0388979" d="M 12.979378,2.8366808 11.180665,1.1061689 11.312696,0.99938614 c 0.224798,-0.18180931 0.45821,-0.26011138 0.787279,-0.26410617 0.520565,-0.006315 0.605828,0.0505579 1.812273,1.20892583 1.20551,1.1574723 1.264697,1.239359 1.259768,1.7428933 -0.003,0.3118719 -0.08504,0.5291149 -0.285756,0.7571853 l -0.108172,0.1229081 z" id="path310" />
-  <path style="fill:#ffffff;stroke-width:0.0327363" d="M 4.3293683,11.575933 C 2.3884046,9.6659098 2.3670623,9.6434959 2.4318197,9.5830841 2.4678415,9.5494798 4.3833896,7.8593211 6.6885933,5.827176 8.993797,3.795031 10.924803,2.0910543 10.97972,2.0405615 l 0.09985,-0.091804 1.524504,1.5011639 1.524504,1.501164 -3.894388,4.2701545 C 8.0922741,11.569823 6.329137,13.495058 6.316105,13.499537 6.3030731,13.504037 5.4090417,12.638394 4.3293683,11.575933 Z" id="path306" />
-  <path style="fill:#ffffff;stroke-width:0.0401442" d="m 3.0376721,12.881037 -0.8289193,-0.721793 0.011549,-0.90713 0.011549,-0.907129 1.8721139,1.628923 1.8721139,1.628923 H 4.9213333 3.8665914 Z" id="path308" />
-  <path fill-rule="evenodd" d="m 11.096,0.644 a 2,2 0 0 1 2.791,0.036 l 1.433,1.433 a 2,2 0 0 1 0.035,2.791 l -0.413,0.435 -8.07,8.995 A 0.5,0.5 0 0 1 6.5,14.5 h -3 A 0.5,0.5 0 0 1 3.266,14.442 L 2.854,14.854 A 0.5,0.5 0 0 1 2.5,15 h -2 A 0.5,0.5 0 0 1 0.146,14.146 L 1.558,12.734 A 0.5,0.5 0 0 1 1.5,12.5 v -3 A 0.5,0.5 0 0 1 1.666,9.128 l 8.995,-8.07 z M 10.981,2.114 2.727,9.52 6.48,13.273 13.886,5.019 Z m 3.585,2.17 0.064,-0.068 A 1,1 0 0 0 14.613,2.82 L 13.18,1.387 A 1,1 0 0 0 11.784,1.369 L 11.716,1.434 Z M 5.293,13.5 2.5,10.707 v 1.586 L 3.707,13.5 Z" id="path2" />
-</svg>

package/src/snippets/Beispiel-Choice.html

@@ -1,57 +0,0 @@
-<webwriter-task
-	class="ww-v1.0.5 ww-widget ww-v1.0.6-local"
-	id="ww-e782e8fc-527e-4179-8e2e-d5d515a72e01"
-	solution="data:application/octet-stream;base64,wEvYCTVh6LB1Tj7Rysh5Bf176dwhmpRmS4tgi/GfLvZQW0vHiSJf7NyLxEG2Rxmi2D3wy75QQESJDnA="
-	iv="data:application/octet-stream;base64,/KZr600zHqfeRMwQ"
-	salt="data:application/octet-stream;base64,5c4v616VGpv+r1qsw1yong=="
-	hint=""
->
-	<webwriter-task-prompt
-		class="ww-v1.0.5 ww-widget ww-v1.0.6-local"
-		id="ww-0cabba93-6581-4511-b7c9-a163fe842c93"
-		slot="prompt"
-	>
-		<p>Welchen Vorgang betreiben Pflanzen?</p>
-	</webwriter-task-prompt>
-	<webwriter-task-hint
-		class="ww-widget ww-v1.0.6-local"
-		id="ww-fe237123-7753-4a01-b8d6-4a194dc66300"
-		slot="hint"
-	>
-		<p>Das ist eine Hilfestellung</p>
-	</webwriter-task-hint>
-	<webwriter-choice
-		class="ww-v1.0.5 ww-widget ww-v1.0.6-local"
-		id="ww-d45a21c9-0df0-4b4c-83ee-0ecf9c792652"
-		mode="single"
-	>
-		<webwriter-choice-item
-			class="ww-v1.0.5 ww-widget ww-v1.0.6-local"
-			id="ww-83b9ba07-a808-4b79-8585-3585343f3544"
-			layout="list"
-		>
-			<p>Autoklavierung</p>
-		</webwriter-choice-item>
-		<webwriter-choice-item
-			class="ww-v1.0.5 ww-widget ww-v1.0.6-local"
-			id="ww-e1082cc3-0f67-4716-9512-cb70287c87a5"
-			layout="list"
-		>
-			<p>Stickstoffkreislauf</p>
-		</webwriter-choice-item>
-		<webwriter-choice-item
-			class="ww-v1.0.5 ww-widget ww-v1.0.6-local"
-			id="ww-d3474662-343b-4beb-b032-b3903bba8c47"
-			layout="list"
-		>
-			<p>Photosynthese</p>
-		</webwriter-choice-item>
-		<webwriter-choice-item
-			class="ww-v1.0.5 ww-widget ww-v1.0.6-local"
-			id="ww-311b80e8-d513-4685-a33d-c9effc81c356"
-			layout="list"
-		>
-			<p>Konduktometrie</p>
-		</webwriter-choice-item>
-	</webwriter-choice>
-</webwriter-task>

package/src/snippets/Beispiel-Mark.html

@@ -1,14 +0,0 @@
-<webwriter-task class="ww-widget ww-v1.0.6-local"
-id="ww-246aa4b7-788c-436e-a377-21cd42bd2189"
-solution="data:application/octet-stream;base64,nWbpKpMC0ngEO5xQpIsatmqJjQXK2tjOhDmkA2CWZ/5a73gt5/kfJTpgM219qY5HkTUdVE0EIRFFK0y9mtF8nJOp7+3WkD68KIQtM4untbrs68adjKGSXAhlWxaMr/6lZV9o7PUWKox9M1zUmCtbiEnYwuDNzEyR7nqczZ6ScNKsJljzlhxUVzxNuD1u1dLGRWx4hAme7Giv4sYFgZEGoOa/1AiqeJfSX0suY0yJ0qF5LolnTlSDEeQMr9wxgKqS/NEuya9rKvSdDh3q4NM9VeQtj7mnVOTeoIwwkD4W5Txv0i3GWnKSddtseZrADrmwjtIaC5WF/QdEZJM8rVZG6RLrqJ2Sdh3P+UYaXnUs5e0CLSAt3PSIhh1MjY3Oe+7PaHGhKSoIVHJB9tXBfacTpxw6+HVTadJ1XmXESGbsTJKxg4f052onjfiqT3zLrLPgiG+Kny2jm7o6BUBjJoL6qbrTzOe69nQr+fYu2J6mPyrMVwJOH/cAPb32gxbgWyMPI+vh3nM20S0z21qqiB2N/QCyugjR7Nnq4tqPeKtOF3UbeR2G92HvBjOHZllBqLmNzqJDOs4ojccRXZ9p4v3xjuZSYQczCF/p7QZKGDCMiQJW0wI7iKFOPOuhBT7LRFlD5SixRj2RyIC4VtvMSa9hlukegQrRb+ajKfH4ZrLv69ml6VClbdonNeov1ds1y5JCozaKUZw7nksg+pFSCQ4g5Ao94B+OQUg8wn/aWW7FLhxIwaSdwBWo+k1tJ2Tyvv9RWajbEG1+O+IDQhOx/TxAZ6aOL96aivu+fL7fhPjeMT0UjrgSEOUd175189GiqSTFP4xfxQxxeBPPVnTFy58vUxBeoSGlcP/n+8bUsM46cysIMNe6D1ZkWwdU8aryKGf6+caB8k8MMDhhwzQkYOdi2I8LAHO2BRiuqftcDJA1CMkvybCJticXafG1noCXyQGxdSeDTX74WT6S2Nk9LhQGwkNBCg43w7ZH0E9+MdvoUMXORJtBjEENIJjVZpuu02DPj7oUniZ11rPQMNdl20ItBD21Oei5Y1QYxuxXBEXHLUJowRIkunJidllZU+rugeW+7ZhHqqxTnTTQoZkvH5NKxIWVjptMcPBRNt6D98jZIHn2kqCIM0TwdPEHMwsFUfCEr7gMGwqk5GLMyiBzRKZuCoeyU0KF8xygHi5MQN8Gz+AqPJAuJMsd4fRj8nYrVccqbcDFd9PkHDoSpXO1IC4aJuFxxoqjqvehnhLvTv4X+0XxEvnevtphGrg/Z+k7h9A1SD2KVnWT0wCJIRfLInvzLsRZjduaTlZCEDfyIffKx0Y5RottxetnEVFv8oc4EdgeqdrD9szdYawa1yhvu/lFm7FFWhqMrWjau3nWeWYq8HjWyOqQ9R7urdAsm78QHP0G4sKLCcPV9oZ561JRbuaoZ5uNa5Qxfr0rbovbns3P0abw5ucXU/z6c8okK28NWs+A99/YqvR6pYOp3CjXaf8sSn2rhIEk+A2uQUAKbACuonB6SxjN6ANOXbHDxMtXSsGMtfDJh304xHx/hqSbjgzwLXtMGp+GDW2A2FYa+KLW6y1oLV9vYFqaY1Cxqo6PFoz1ezNEYPbOIbqkXq7B5+jzp1jvH8wl1JaaZtw8eapLt7UVzLZKsouhye2IEtFDdGOYdFEMpuG/+dXxq7EWIIxQ8iRrzNFndObui5xbJGVkorL7okUGzE0qs0+voZdprTehG41y+Ftw5HeqoaPWJc7FLIP6zxHDQNdAY5LhDku92qoV0UBNDfKmvC9fy8SqNxc="
-iv="data:application/octet-stream;base64,RglzKK4RP/kcz5R9"
-salt="data:application/octet-stream;base64,boaqfSsVoyze0QaIUcV61w==">
-<webwriter-task-prompt class="ww-widget ww-v1.0.6-local"
-		 id="ww-11e51927-d8a2-4b8b-ad45-442e4ca9dfb7"
-		 slot="prompt">
-<p>Markiere alle Verben im nachfolgenden Satz.</p>
-</webwriter-task-prompt>
-<webwriter-mark class="ww-widget ww-v1.0.6-local"
-  id="ww-cacc7fb5-7d16-4fba-a569-273b6d756fa1"
-  value="[]">Jemand musste Josef K. verleumdet haben, denn ohne dass er etwas Böses getan hätte, wurde er eines Morgens verhaftet. »Wie ein Hund!« sagte er, es war, als sollte die Scham ihn überleben. Als Gregor Samsa eines Morgens aus unruhigen Träumen erwachte, fand er sich in seinem Bett zu einem ungeheueren</webwriter-mark>
-</webwriter-task>

package/src/snippets/Beispiel-Order.html

@@ -1,52 +0,0 @@
-<webwriter-task
-	class="ww-widget ww-v1.0.6-local"
-	id="ww-9e8dbb09-f884-44f1-9c5c-fb7fb9afaba5"
-	solution="data:application/octet-stream;base64,b9v1gruH6y/u/D67OBtN/NDF2C9eMsUQ3djIKA9iXMTHa7BwrEBqKOhxXmnr4NRQIaFJvT2SUBCUtrUtUxNYwrvb8dKYPz2NY3upQNzV0t3hhiYR5bQ6dxoOAQfQiXhVtBLUQMKx51Tib6f2NXDy+OTgF17OxlJeJilZuAT7jAf9xHfSFP1iww15dzoexo/h8pfV5UsIRUxBFjgSZneTVt4+tVJK7Fw3gXha/KrA94VxlibXIhY1FjQ="
-	iv="data:application/octet-stream;base64,9LFdWn/mCmdKKnSe"
-	salt="data:application/octet-stream;base64,uhJ+FIhdsapUlt0TG7zdNQ=="
->
-	<webwriter-task-prompt
-		class="ww-widget ww-v1.0.6-local"
-		id="ww-93746971-3523-4ffa-a00c-154ab29805d4"
-		slot="prompt"
-	>
-		<p>Ordne die Tiere absteigend nach ihrer Größe!</p>
-	</webwriter-task-prompt>
-	<webwriter-order
-		class="ww-widget ww-v1.0.6-local"
-		id="ww-e90b3acd-887f-4278-9a96-da59338033cd"
-	>
-		<webwriter-order-item
-			class="ww-widget ww-v1.0.6-local"
-			draggable="true"
-			id="ww-88b734b1-4bde-4ffd-9f16-40a1dd5dc0a5"
-			layout="list"
-		>
-			<p>Mensch</p>
-		</webwriter-order-item>
-		<webwriter-order-item
-			class="ww-widget ww-v1.0.6-local"
-			draggable="true"
-			id="ww-08b84571-cb72-4ca2-9fe1-72bf7c8c6394"
-			layout="list"
-		>
-			<p>Hamster</p>
-		</webwriter-order-item>
-		<webwriter-order-item
-			class="ww-widget ww-v1.0.6-local"
-			draggable="true"
-			id="ww-d5bd5831-9d73-453a-a377-63861e73953e"
-			layout="list"
-		>
-			<p>Ameise</p>
-		</webwriter-order-item>
-		<webwriter-order-item
-			class="ww-widget ww-v1.0.6-local"
-			draggable="true"
-			id="ww-5d76bec6-35f1-4f30-bfff-56136fed3fab"
-			layout="list"
-		>
-			<p>Bärtierchen</p>
-		</webwriter-order-item>
-	</webwriter-order>
-</webwriter-task>

package/src/snippets/Beispiel-Text.html

@@ -1,20 +0,0 @@
-<webwriter-task
-	class="ww-widget ww-v1.0.6-local"
-	id="ww-53692699-0dc3-46b5-90b6-b2a24eaf372d"
-	solution="data:application/octet-stream;base64,UIJ61afPKfdX4WsmgNwlZAoD1H0+FdhqQkKY37d+im4h"
-	iv="data:application/octet-stream;base64,1Nid4IukVZEjN8If"
-	salt="data:application/octet-stream;base64,+eEKmHuNtNcgomgGbgNWew=="
->
-	<webwriter-task-prompt
-		class="ww-widget ww-v1.0.6-local"
-		id="ww-79d0713b-f910-4557-8f80-621bfd03a3ca"
-		slot="prompt"
-	>
-		<p>Wie hieß der erste Bundeskanzler der Bundesrepublik Deutschland?</p>
-	</webwriter-task-prompt>
-	<webwriter-text
-		class="ww-widget ww-v1.0.6-local"
-		id="ww-0fcb1fa8-0f98-40d9-96db-b23f633e4c53"
-		type="long-text"
-	></webwriter-text>
-</webwriter-task>

package/src/snippets/blank.html

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

package/src/snippets/choice.html

@@ -1,8 +0,0 @@
-<webwriter-task>
-  <webwriter-task-prompt slot="prompt"><p></p></webwriter-task-prompt>
-  <webwriter-choice>
-    <webwriter-choice-item>
-      <p></p>
-    </webwriter-choice-item>
-  </webwriter-choice>
-</webwriter-task>

package/src/snippets/cloze.html

@@ -1,4 +0,0 @@
-<webwriter-task>
-  <webwriter-task-prompt slot="prompt"><p></p></webwriter-task-prompt>
-  <webwriter-cloze><p></p></webwriter-cloze>
-</webwriter-task>

package/src/snippets/mark.html

@@ -1,4 +0,0 @@
-<webwriter-task>
-  <webwriter-task-prompt slot="prompt"><p></p></webwriter-task-prompt>
-  <webwriter-mark><p></p></webwriter-mark>
-</webwriter-task>

package/src/snippets/pairing.html

@@ -1,10 +0,0 @@
-<webwriter-task>
-  <webwriter-task-prompt slot="prompt"><p></p></webwriter-task-prompt>
-  <webwriter-pairing>
-    <webwriter-pairing-item>
-      <picture>
-        <img>
-      </picture>
-    </webwriter-pairing-item>
-  </webwriter-pairing>
-</webwriter-task>

package/src/snippets/speech.html

@@ -1,4 +0,0 @@
-<webwriter-task>
-  <webwriter-task-prompt slot="prompt"><p></p></webwriter-task-prompt>
-  <webwriter-speech></webwriter-speech>
-</webwriter-task>

package/src/snippets/text.html

@@ -1,4 +0,0 @@
-<webwriter-task>
-  <webwriter-task-prompt slot="prompt"><p></p></webwriter-task-prompt>
-  <webwriter-text></webwriter-text>
-</webwriter-task>

package/src/snippets/wordsearch.html

@@ -1,4 +0,0 @@
-<webwriter-task>
-  <webwriter-task-prompt slot="prompt"><p></p></webwriter-task-prompt>
-  <webwriter-wordsearch></webwriter-wordsearch>
-</webwriter-task>