@webwriter/quiz 1.0.5 → 1.0.7

package/src/widgets/webwriter-task-hint.ts

@@ -1,17 +1,23 @@
-import {html} from "lit"
-import {LitElementWw} from "@webwriter/lit"
-import {customElement} from "lit/decorators.js"
-import "@shoelace-style/shoelace/dist/themes/light.css"
-
-declare global {interface HTMLElementTagNameMap {
-  "webwriter-task-hint": WebwriterTaskHint;
-}}
-
-@customElement("webwriter-task-hint")
-export class WebwriterTaskHint extends LitElementWw {
-  render() {
-    return html`<slot>
-      
-    </slot>`
-  }
+import {html} from "lit"
+import {LitElementWw} from "@webwriter/lit"
+import {customElement} from "lit/decorators.js"
+import "@shoelace-style/shoelace/dist/themes/light.css"
+
+import LOCALIZE from "../../localization/generated"
+import {msg} from "@lit/localize"
+
+declare global {interface HTMLElementTagNameMap {
+  "webwriter-task-hint": WebwriterTaskHint;
+}}
+
+@customElement("webwriter-task-hint")
+export class WebwriterTaskHint extends LitElementWw {
+
+  localize = LOCALIZE
+
+  render() {
+    return html`<slot>
+      
+    </slot>`
+  }
 }

package/src/widgets/webwriter-task-prompt.ts

@@ -1,18 +1,24 @@
-import {html} from "lit"
-import {LitElementWw} from "@webwriter/lit"
-import {customElement} from "lit/decorators.js"
-import "@shoelace-style/shoelace/dist/themes/light.css"
-import { styleMap } from "lit/directives/style-map.js"
-
-declare global {interface HTMLElementTagNameMap {
-  "webwriter-task-prompt": WebwriterTaskPrompt;
-}}
-
-@customElement("webwriter-task-prompt")
-export class WebwriterTaskPrompt extends LitElementWw {
-  render() {
-    return html`<slot style=${styleMap({"--ww-placeholder": `"Prompt"`})}>
-      
-    </slot>`
-  }
+import {html} from "lit"
+import {LitElementWw} from "@webwriter/lit"
+import {customElement} from "lit/decorators.js"
+import "@shoelace-style/shoelace/dist/themes/light.css"
+import { styleMap } from "lit/directives/style-map.js"
+
+import LOCALIZE from "../../localization/generated"
+import {msg} from "@lit/localize"
+
+declare global {interface HTMLElementTagNameMap {
+  "webwriter-task-prompt": WebwriterTaskPrompt;
+}}
+
+@customElement("webwriter-task-prompt")
+export class WebwriterTaskPrompt extends LitElementWw {
+
+  localize = LOCALIZE
+
+  render() {
+    return html`<slot style=${styleMap({"--ww-placeholder": `"${msg("Prompt")}"`})}>
+      
+    </slot>`
+  }
 }