not-bulma 1.2.36 → 1.2.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "not-bulma",
-  "version": "1.2.36",
+  "version": "1.2.38",
   "description": "not-* family UI components on Bulma CSS Framework",
   "main": "src/index.js",
   "svelte": "src/index.js",

package/src/elements/form/index.js

@@ -2,6 +2,7 @@ import UIAutocomplete from "./ui.autocomplete.svelte";
 import UICheckbox from "./ui.checkbox.svelte";
 import UICheckboxList from "./ui.checkbox.list.svelte";
 import UIColor from "./ui.color.svelte";
+import UIControl from "./ui.control.svelte";
 import UIDate from "./ui.date.svelte";
 import UIDatetimeInTZ from "./ui.datetime.in.tz.svelte";
 import UIEmail from "./ui.email.svelte";
@@ -27,6 +28,7 @@ export {
     UICheckbox,
     UICheckboxList,
     UIColor,
+    UIControl,
     UIDate,
     UIDatetimeInTZ,
     UIEmail,

package/src/elements/form/ui.control.svelte

@@ -0,0 +1,5 @@
+<script>
+    export let classes = "";
+</script>
+
+<div class="control {classes}"><slot /></div>

package/src/elements/various/index.js

@@ -1,6 +1,7 @@
 import UIBoolean from "./ui.boolean.svelte";
 import UIBooleanLabeled from "./ui.boolean.labeled.svelte";
 import UIBooleans from "./ui.booleans.svelte";
+import UICensored from "./ui.censored.svelte";
 import UIIndicator from "./ui.indicator.svelte";
 import UILoader from "./ui.loader.svelte";
 import UISelectFromModelOnDemandInline from "./ui.select.from.model.on.demand.inline.svelte";
@@ -18,6 +19,7 @@ export {
     UIBoolean,
     UIBooleanLabeled,
     UIBooleans,
+    UICensored,
     UIErrorsList,
     UIIndicator,
     UILoader,

package/src/elements/various/ui.censored.svelte

@@ -0,0 +1,39 @@
+<script>
+    export let hidden = true;
+    export let showable = true;
+    export let copiable = true;
+
+    export let copyIcon = "copy";
+    export let showIcon = "eye";
+    export let hideIcon = "eye-slash";
+
+    export let value = "";
+
+    function toggleView() {
+        hidden != hidden;
+    }
+
+    async function copyContent() {
+        try {
+            await navigator.clipboard.writeText(value);
+        } catch (err) {
+            console.error("Failed to copy: ", err);
+        }
+    }
+</script>
+
+<span
+    class={hidden ? "is-censored has-background-primary-90" : ""}
+    style={hidden ? "width: {value.length}rem;" : ""}
+    >{hidden ? "" : value}</span
+>
+{#if copiable}
+    <span on:click={copyContent} class="icon is-small is-right"
+        ><i class="fas fa-{copyIcon}" /></span
+    >
+{/if}
+{#if showable}
+    <span class="icon is-small is-right" on:click={toggleView}
+        ><i class="fas fa-{hidden ? showIcon : hideIcon}" /></span
+    >
+{/if}

package/src/elements/various/ui.select.from.model.with.search.modal.svelte

@@ -26,7 +26,7 @@
     export let serviceName = "";
     /**
      * Set this
-     * @property {string}   serviceName    method of service to open modal with selector
+     * @property {string}   serviceOpenSelectorMethod    method of service to open modal with selector
      */
     export let serviceOpenSelectorMethod = "openSelector";
     /**

package/src/frame/crud/search.service.js

@@ -24,17 +24,6 @@ export default class notServiceModelSearch {
         delete this.app;
     }
 
-    augmentValidators(validators) {
-        return Builder(validators, () => this.getValidatorEnv());
-    }
-
-    getValidatorEnv() {
-        return {
-            config: this.app.getConfigReaderForModule(this.modelName),
-            validator: Validator,
-        };
-    }
-
     getSearchRouteName() {
         return "listAndCount";
     }

package/src/scss/_helpers.scss

@@ -1,3 +1,5 @@
+@import "bulma/sass/utilities/mixins.scss";
+
 .is-pointable {
     cursor: pointer;
 }
@@ -5,3 +7,8 @@
 .is-title-icon {
     padding-right: 0.3rem;
 }
+
+.is-censored {
+    display: inline-block;
+    border-radius: 0.3rem;
+}