not-bulma 1.0.47 → 1.0.48

package/package.json

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

package/src/elements/layout/ui.column.svelte

@@ -1,8 +1,8 @@
 <script>
-  export let classes = "";
-  export let title = "";
+    export let classes = "";
+    export let title = "";
 </script>
 
-<div {title} class="column {classes}">
-  <slot></slot>
+<div {title} class="column {classes}" on:click>
+    <slot />
 </div>

package/src/elements/layout/ui.columns.svelte

@@ -1,7 +1,7 @@
 <script>
-  export let classes = "";
+    export let classes = "";
 </script>
 
-<div class="columns {classes}">
-  <slot></slot>
+<div class="columns {classes}" on:click>
+    <slot />
 </div>

package/src/elements/layout/ui.container.svelte

@@ -1,21 +1,22 @@
 <script>
-  export let id = '';
-  export let classes = '';
-  export let widescreen = false;
-  export let fullhd = false;
-  export let maxDesktop = false;
-  export let maxWidescreen = false;
-  export let fluid = false;
+    export let id = "";
+    export let classes = "";
+    export let widescreen = false;
+    export let fullhd = false;
+    export let maxDesktop = false;
+    export let maxWidescreen = false;
+    export let fluid = false;
 </script>
 
 <div
-  {id}
-  class="container {classes}"
-  class:is-widescreen={widescreen}
-  class:is-fullhd={fullhd}
-  class:is-max-desktop={maxDesktop}
-  class:is-max-widescreen={maxWidescreen}
-  class:is-fluid={fluid}
-  >
-  <slot></slot>
+    {id}
+    class="container {classes}"
+    class:is-widescreen={widescreen}
+    class:is-fullhd={fullhd}
+    class:is-max-desktop={maxDesktop}
+    class:is-max-widescreen={maxWidescreen}
+    class:is-fluid={fluid}
+    on:click
+>
+    <slot />
 </div>

package/src/elements/layout/ui.section.svelte

@@ -1,10 +1,9 @@
 <script>
-  export let id='';
-  export let size; //medium, large
-  export let classes = '';
-
+    export let id = "";
+    export let size; //medium, large
+    export let classes = "";
 </script>
 
-<section {id} class="section {size?('is-'+size):''}  {classes}">
-  <slot></slot>
+<section {id} class="section {size ? 'is-' + size : ''}  {classes}" on:click>
+    <slot />
 </section>

package/src/frame/components/form/index.js

@@ -1,11 +1,7 @@
-import notFormUtils from './utils';
-import notForm from './form';
-import notFormSet from './form.set';
-import UIForm from './form.svelte';
+import notFormUtils from "./utils";
+import notFormHelpers from "./form.helpers";
+import notForm from "./form";
+import notFormSet from "./form.set";
+import UIForm from "./form.svelte";
 
-export {
-  UIForm,
-  notForm,
-  notFormSet,
-  notFormUtils
-};
+export { UIForm, notForm, notFormSet, notFormUtils, notFormHelpers };

package/src/frame/components/index.js

@@ -1,27 +1,28 @@
-import {notTable} from './table';
+import { notTable } from "./table";
 
-import notActionUI from './action/action.ui.js';
+import notActionUI from "./action/action.ui.js";
 
 import {
-  notForm,
-  notFormSet,
-  notFormUtils,
-  UIForm
-} from './form';
+    notForm,
+    notFormSet,
+    notFormUtils,
+    notFormHelpers,
+    UIForm,
+} from "./form";
 
-import notBreadcrumbs from './breadcrumbs';
-
-import {notTopMenu, notSideMenu} from './navigation';
+import notBreadcrumbs from "./breadcrumbs";
 
+import { notTopMenu, notSideMenu } from "./navigation";
 
 export {
-  notActionUI,
-  notTable,
-  UIForm,
-  notForm,
-  notFormSet,
-  notFormUtils,
-  notBreadcrumbs,
-  notTopMenu,
-  notSideMenu
+    notActionUI,
+    notTable,
+    UIForm,
+    notForm,
+    notFormSet,
+    notFormUtils,
+    notFormHelpers,
+    notBreadcrumbs,
+    notTopMenu,
+    notSideMenu,
 };

package/src/frame/index.js

@@ -62,6 +62,7 @@ export {
     notForm,
     notFormSet,
     notFormUtils,
+    notFormHelpers,
     notInterface,
     notPath,
     notRecord,