@bexis2/bexis2-core-ui 0.2.14 → 0.2.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/README.md +4 -0
  2. package/dist/components/form/MultiSelect.svelte +2 -0
  3. package/dist/components/form/MultiSelect.svelte.d.ts +2 -0
  4. package/dist/components/page/Page.svelte +56 -56
  5. package/package.json +1 -1
  6. package/src/lib/components/form/MultiSelect.svelte +2 -0
  7. package/src/lib/components/page/Page.svelte +96 -96
package/README.md CHANGED
@@ -1,4 +1,8 @@
1
1
  # bexis-core-ui
2
+ ## v0.2.15
3
+ - Page - centered -> min width defined
4
+ - MultiSelect -> add crealable
5
+
2
6
  ## v0.2.14
3
7
  - change fileUploaderModel to FileUploaderType
4
8
  - remove AllFilesReadable, AsciiFileReaderInfo & LastModification from fileuploaderType
package/dist/components/form/MultiSelect.svelte CHANGED
@@ -20,6 +20,7 @@
20
20
  export let invalid = false;
21
21
  export let loading = false;
22
22
  export let help = false;
23
+ export let clearable = true;
23
24
 
24
25
  let isLoaded = false;
25
26
 
@@ -150,6 +151,7 @@
150
151
  {placeholder}
151
152
  hasError={invalid}
152
153
  {loading}
154
+ {clearable}
153
155
  on:change
154
156
  on:input
155
157
  on:focus
package/dist/components/form/MultiSelect.svelte.d.ts CHANGED
@@ -18,6 +18,7 @@ export default class MultiSelect extends SvelteComponentTyped<{
18
18
  complexSource?: boolean | undefined;
19
19
  placeholder?: string | undefined;
20
20
  loading?: boolean | undefined;
21
+ clearable?: boolean | undefined;
21
22
  }, {
22
23
  change: CustomEvent<any>;
23
24
  input: CustomEvent<any>;
@@ -54,6 +55,7 @@ declare const __propDef: {
54
55
  complexSource?: boolean | undefined;
55
56
  placeholder?: string | undefined;
56
57
  loading?: boolean | undefined;
58
+ clearable?: boolean | undefined;
57
59
  };
58
60
  events: {
59
61
  change: CustomEvent<any>;
package/dist/components/page/Page.svelte CHANGED
@@ -24,59 +24,59 @@ onMount(async () => {
24
24
  breadcrumbStore.clean();
25
25
  breadcrumbStore.addItem({ label: title, link: window.location.pathname });
26
26
  });
27
- </script>
28
-
29
- <AppShell>
30
- <!--header-->
31
- <svelte:fragment slot="header">
32
- <AppBar padding="0" spacing="space-y-0" background="white">
33
- <svelte:fragment slot="headline">
34
- <Header />
35
- {#if true}
36
- <Menu />
37
- {/if}
38
-
39
- <div class="grid grid-cols-2">
40
- <Breadcrumb {title} />
41
- <Docs {links} {note} />
42
- </div>
43
- </svelte:fragment>
44
- </AppBar>
45
- </svelte:fragment>
46
-
47
- <svelte:fragment slot="footer">
48
- <Footer />
49
- </svelte:fragment>
50
-
51
- <slot name="description" />
52
-
53
- <div class="flex flex-initial space-x-5">
54
- {#if $$slots.left}
55
- <div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
56
- <slot name="left" />
57
- </div>
58
- {/if}
59
-
60
- {#if contentLayoutType === pageContentLayoutType.center}
61
- <div class="flex justify-center w-screen">
62
- <div class="max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
63
- <slot />
64
- </div>
65
- </div>
66
- {/if}
67
-
68
- {#if contentLayoutType === pageContentLayoutType.full}
69
- <div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
70
- <slot />
71
- </div>
72
- {/if}
73
-
74
- {#if $$slots.right}
75
- <div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
76
- <slot name="right" />
77
- </div>
78
- {/if}
79
- </div>
80
-
81
- <HelpPopUp active={help} />
82
- </AppShell>
27
+ </script>
28
+
29
+ <AppShell>
30
+ <!--header-->
31
+ <svelte:fragment slot="header">
32
+ <AppBar padding="0" spacing="space-y-0" background="white">
33
+ <svelte:fragment slot="headline">
34
+ <Header />
35
+ {#if true}
36
+ <Menu />
37
+ {/if}
38
+
39
+ <div class="grid grid-cols-2">
40
+ <Breadcrumb {title} />
41
+ <Docs {links} {note} />
42
+ </div>
43
+ </svelte:fragment>
44
+ </AppBar>
45
+ </svelte:fragment>
46
+
47
+ <svelte:fragment slot="footer">
48
+ <Footer />
49
+ </svelte:fragment>
50
+
51
+ <slot name="description" />
52
+
53
+ <div class="flex flex-initial space-x-5">
54
+ {#if $$slots.left}
55
+ <div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
56
+ <slot name="left" />
57
+ </div>
58
+ {/if}
59
+
60
+ {#if contentLayoutType === pageContentLayoutType.center}
61
+ <div class="flex justify-center w-screen">
62
+ <div class="w-full max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
63
+ <slot />
64
+ </div>
65
+ </div>
66
+ {/if}
67
+
68
+ {#if contentLayoutType === pageContentLayoutType.full}
69
+ <div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
70
+ <slot />
71
+ </div>
72
+ {/if}
73
+
74
+ {#if $$slots.right}
75
+ <div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
76
+ <slot name="right" />
77
+ </div>
78
+ {/if}
79
+ </div>
80
+
81
+ <HelpPopUp active={help} />
82
+ </AppShell>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.2.14",
3
+ "version": "0.2.15",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
package/src/lib/components/form/MultiSelect.svelte CHANGED
@@ -20,6 +20,7 @@
20
20
  export let invalid = false;
21
21
  export let loading = false;
22
22
  export let help = false;
23
+ export let clearable = true;
23
24
 
24
25
  let isLoaded = false;
25
26
 
@@ -150,6 +151,7 @@
150
151
  {placeholder}
151
152
  hasError={invalid}
152
153
  {loading}
154
+ {clearable}
153
155
  on:change
154
156
  on:input
155
157
  on:focus
package/src/lib/components/page/Page.svelte CHANGED
@@ -1,96 +1,96 @@
1
- <script lang="ts">
2
- import { onMount } from 'svelte';
3
-
4
- import type { linkType } from '$lib/models/Models';
5
- import { pageContentLayoutType } from '$lib/models/Enums';
6
-
7
- // ui components
8
- import { AppShell, AppBar } from '@skeletonlabs/skeleton';
9
- import Menu from './menu/Menu.svelte';
10
- import Footer from './Footer.svelte';
11
- import Header from './Header.svelte';
12
- import HelpPopUp from './HelpPopUp.svelte';
13
- import Breadcrumb from './breadcrumb/Breadcrumb.svelte';
14
-
15
- //popup
16
- import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
17
- import { storePopup } from '@skeletonlabs/skeleton';
18
- import { breadcrumbStore } from '$store/pageStores';
19
-
20
- storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
21
-
22
- // stores
23
- import { helpStore } from '$store/pageStores';
24
- import Docs from './Docs.svelte';
25
-
26
- export let title = '';
27
- export let note = '';
28
- export let links: linkType[] = [];
29
-
30
- // active or hide menu
31
- export let menu: boolean = true;
32
- export let footer: boolean = true;
33
- export let help: boolean = false;
34
- export let contentLayoutType: pageContentLayoutType = pageContentLayoutType.center;
35
-
36
- onMount(async () => {
37
- console.log('page');
38
- breadcrumbStore.clean();
39
- breadcrumbStore.addItem({ label: title, link: window.location.pathname });
40
- });
41
- </script>
42
-
43
- <AppShell>
44
- <!--header-->
45
- <svelte:fragment slot="header">
46
- <AppBar padding="0" spacing="space-y-0" background="white">
47
- <svelte:fragment slot="headline">
48
- <Header />
49
- {#if true}
50
- <Menu />
51
- {/if}
52
-
53
- <div class="grid grid-cols-2">
54
- <Breadcrumb {title} />
55
- <Docs {links} {note} />
56
- </div>
57
- </svelte:fragment>
58
- </AppBar>
59
- </svelte:fragment>
60
-
61
- <svelte:fragment slot="footer">
62
- <Footer />
63
- </svelte:fragment>
64
-
65
- <slot name="description" />
66
-
67
- <div class="flex flex-initial space-x-5">
68
- {#if $$slots.left}
69
- <div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
70
- <slot name="left" />
71
- </div>
72
- {/if}
73
-
74
- {#if contentLayoutType === pageContentLayoutType.center}
75
- <div class="flex justify-center w-screen">
76
- <div class="max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
77
- <slot />
78
- </div>
79
- </div>
80
- {/if}
81
-
82
- {#if contentLayoutType === pageContentLayoutType.full}
83
- <div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
84
- <slot />
85
- </div>
86
- {/if}
87
-
88
- {#if $$slots.right}
89
- <div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
90
- <slot name="right" />
91
- </div>
92
- {/if}
93
- </div>
94
-
95
- <HelpPopUp active={help} />
96
- </AppShell>
1
+ <script lang="ts">
2
+ import { onMount } from 'svelte';
3
+
4
+ import type { linkType } from '$lib/models/Models';
5
+ import { pageContentLayoutType } from '$lib/models/Enums';
6
+
7
+ // ui components
8
+ import { AppShell, AppBar } from '@skeletonlabs/skeleton';
9
+ import Menu from './menu/Menu.svelte';
10
+ import Footer from './Footer.svelte';
11
+ import Header from './Header.svelte';
12
+ import HelpPopUp from './HelpPopUp.svelte';
13
+ import Breadcrumb from './breadcrumb/Breadcrumb.svelte';
14
+
15
+ //popup
16
+ import { computePosition, autoUpdate, offset, shift, flip, arrow } from '@floating-ui/dom';
17
+ import { storePopup } from '@skeletonlabs/skeleton';
18
+ import { breadcrumbStore } from '$store/pageStores';
19
+
20
+ storePopup.set({ computePosition, autoUpdate, offset, shift, flip, arrow });
21
+
22
+ // stores
23
+ import { helpStore } from '$store/pageStores';
24
+ import Docs from './Docs.svelte';
25
+
26
+ export let title = '';
27
+ export let note = '';
28
+ export let links: linkType[] = [];
29
+
30
+ // active or hide menu
31
+ export let menu: boolean = true;
32
+ export let footer: boolean = true;
33
+ export let help: boolean = false;
34
+ export let contentLayoutType: pageContentLayoutType = pageContentLayoutType.center;
35
+
36
+ onMount(async () => {
37
+ console.log('page');
38
+ breadcrumbStore.clean();
39
+ breadcrumbStore.addItem({ label: title, link: window.location.pathname });
40
+ });
41
+ </script>
42
+
43
+ <AppShell>
44
+ <!--header-->
45
+ <svelte:fragment slot="header">
46
+ <AppBar padding="0" spacing="space-y-0" background="white">
47
+ <svelte:fragment slot="headline">
48
+ <Header />
49
+ {#if true}
50
+ <Menu />
51
+ {/if}
52
+
53
+ <div class="grid grid-cols-2">
54
+ <Breadcrumb {title} />
55
+ <Docs {links} {note} />
56
+ </div>
57
+ </svelte:fragment>
58
+ </AppBar>
59
+ </svelte:fragment>
60
+
61
+ <svelte:fragment slot="footer">
62
+ <Footer />
63
+ </svelte:fragment>
64
+
65
+ <slot name="description" />
66
+
67
+ <div class="flex flex-initial space-x-5">
68
+ {#if $$slots.left}
69
+ <div class="p-5 flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
70
+ <slot name="left" />
71
+ </div>
72
+ {/if}
73
+
74
+ {#if contentLayoutType === pageContentLayoutType.center}
75
+ <div class="flex justify-center w-screen">
76
+ <div class="w-full max-w-7xl p-5 space-y-5 border-y border-solid border-surface-500">
77
+ <slot />
78
+ </div>
79
+ </div>
80
+ {/if}
81
+
82
+ {#if contentLayoutType === pageContentLayoutType.full}
83
+ <div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
84
+ <slot />
85
+ </div>
86
+ {/if}
87
+
88
+ {#if $$slots.right}
89
+ <div class=" p-5 flex-shrink-0 w-96 border-y border-solid border-surface-500">
90
+ <slot name="right" />
91
+ </div>
92
+ {/if}
93
+ </div>
94
+
95
+ <HelpPopUp active={help} />
96
+ </AppShell>