merge v0.23.0-rc changes

ui/src/components/base/RedactedPasswordInput.svelte

@@ -2,35 +2,32 @@
     import { tick } from "svelte";
     import tooltip from "@/actions/tooltip";
 
+    export let mask = false;
     export let value = "";
-    export let mask = "******";
 
     let inputElem;
-    let locked = false;
-
-    $: locked = value === mask;
 
     async function unlock() {
         value = "";
-        locked = false;
+        mask = false;
         await tick();
         inputElem?.focus();
     }
 </script>
 
-{#if locked}
+{#if mask}
     <div class="form-field-addon">
         <button
             type="button"
             class="btn btn-transparent btn-circle"
             use:tooltip={{ position: "left", text: "Set new value" }}
-            on:click={() => unlock()}
+            on:click|preventDefault={unlock}
         >
             <i class="ri-key-line" />
         </button>
     </div>
 
-    <input readonly type="text" placeholder={mask} {...$$restProps} />
+    <input readonly type="text" placeholder="******" {...$$restProps} />
 {:else}
     <input bind:this={inputElem} bind:value type="password" autocomplete="new-password" {...$$restProps} />
 {/if}