|
@@ -14,12 +14,13 @@
|
|
<div class={outerClassName}>
|
|
<div class={outerClassName}>
|
|
<input
|
|
<input
|
|
class={inputClassName}
|
|
class={inputClassName}
|
|
|
|
+ class:dot={!show}
|
|
{placeholder}
|
|
{placeholder}
|
|
bind:value
|
|
bind:value
|
|
required={required && !readOnly}
|
|
required={required && !readOnly}
|
|
disabled={readOnly}
|
|
disabled={readOnly}
|
|
autocomplete="off"
|
|
autocomplete="off"
|
|
- {...{ type: show ? 'text' : 'password' }}
|
|
|
|
|
|
+ type="text"
|
|
/>
|
|
/>
|
|
<button
|
|
<button
|
|
class={showButtonClassName}
|
|
class={showButtonClassName}
|
|
@@ -61,3 +62,9 @@
|
|
{/if}
|
|
{/if}
|
|
</button>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
|
|
+<style>
|
|
|
|
+ .dot {
|
|
|
|
+ -webkit-text-security: disc;
|
|
|
|
+ }
|
|
|
|
+</style>
|