deploy: bd335fb

elsci-io · Aug 23, 2024 · 7bf60b0 · 7bf60b0
1 parent db9caa6
commit 7bf60b0
Show file tree

Hide file tree

Showing 6 changed files with 20 additions and 7 deletions.
diff --git a/index.bundle.js b/index.bundle.js
diff --git a/index.bundle.js.map b/index.bundle.js.map
diff --git a/tmp_tsoutput/SelectInput/SelectInput.d.ts b/tmp_tsoutput/SelectInput/SelectInput.d.ts
@@ -7,6 +7,8 @@ export default class SelectInput extends HTMLElement {
     set comparator(arg: Function);
     /** @param {boolean} isDisabled */
     setDisabled(isDisabled: boolean): void;
+    /** @param {string} placeholderText */
+    setPlaceholder(placeholderText: string): void;
     showDropdown(): void;
     onShowDropdown(callback: any): void;
     onChangeValue(callback: any): void;

diff --git a/tmp_tsoutput/SelectInput/SelectInput.js b/tmp_tsoutput/SelectInput/SelectInput.js
@@ -1,4 +1,4 @@
-import { KeyCode, safeHtml } from "../utils.js";
+import { KeyCode } from "../utils.js";
 export default class SelectInput extends HTMLElement {
     #inputElement;
     #dropdownElement;
@@ -27,6 +27,10 @@ export default class SelectInput extends HTMLElement {
         this.toggleAttribute("disabled", isDisabled);
         this.#inputElement.setDisabled(isDisabled);
     }
+    /** @param {string} placeholderText */
+    setPlaceholder(placeholderText) {
+        this.#inputElement.setPlaceholder(placeholderText);
+    }
     showDropdown() {
         this.#dropdownElement.show();
         this.#callbacks.onShowDropdown.forEach(callback => callback());

diff --git a/tmp_tsoutput/TextInput/TextInput.d.ts b/tmp_tsoutput/TextInput/TextInput.d.ts
@@ -32,6 +32,8 @@ export default class TextInput extends HTMLElement {
     focus(options: any): void;
     /** @param {boolean} isDisabled */
     setDisabled(isDisabled: boolean): void;
+    /** @param {string} placeholderText */
+    setPlaceholder(placeholderText: string): void;
     #private;
 }
 export type InputValidator = import("../InputValidator.js").default;
diff --git a/tmp_tsoutput/TextInput/TextInput.js b/tmp_tsoutput/TextInput/TextInput.js
@@ -1,6 +1,6 @@
 // @ts-check
 import TextInputValidityState from "./TextInputValidityState.js";
-import { isFiniteNumber, KeyCode, safeHtml } from "../utils.js";
+import { isFiniteNumber, KeyCode, safeHtml, safeText } from "../utils.js";
 /**
  * @typedef {import("../InputValidator.js").default} InputValidator
  */
@@ -116,6 +116,11 @@ export default class TextInput extends HTMLElement {
         this.toggleAttribute("disabled", isDisabled);
         this.#inputElement.toggleAttribute("disabled", isDisabled);
     }
+    /** @param {string} placeholderText */
+    setPlaceholder(placeholderText) {
+        this.#inputElement.setAttribute('placeholder', safeText(placeholderText));
+        this.classList.add("placeholder-shown");
+    }
     /** @param {KeyboardEvent} event */
     #onKeyDown(event) {
         if (this.#inputElement.type === "number" && (event.key === KeyCode.Up || event.key === KeyCode.Down))