@bexis2/bexis2-core-ui 0.2.4 → 0.2.5

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 (8) hide show
  1. package/dist/components/page/Docs.svelte +1 -1
  2. package/dist/components/page/HelpPopUp.svelte.d.ts +23 -0
  3. package/dist/components/page/Page.svelte +11 -32
  4. package/dist/components/page/Page.svelte.d.ts +0 -1
  5. package/package.json +1 -1
  6. package/src/lib/components/page/Page.svelte +0 -13
  7. package/dist/components/page/Help.svelte.d.ts +0 -23
  8. /package/dist/components/page/{Help.svelte → HelpPopUp.svelte} +0 -0
package/dist/components/page/Docs.svelte CHANGED
@@ -19,7 +19,7 @@ const noteSettings = {
19
19
  <span><Fa icon={faQuestion}/></span>
20
20
  </span>
21
21
 
22
- <div class="card p-4 variant-filled-primary w-60 z-50" data-popup="noteTarget">
22
+ <div class="card p-4 variant-filled-primary w-60 z-50 text-left shadow-md" data-popup="noteTarget">
23
23
  {note}
24
24
  </div>
25
25
  {/if}
package/dist/components/page/HelpPopUp.svelte.d.ts ADDED
@@ -0,0 +1,23 @@
1
+ /** @typedef {typeof __propDef.props} HelpPopUpProps */
2
+ /** @typedef {typeof __propDef.events} HelpPopUpEvents */
3
+ /** @typedef {typeof __propDef.slots} HelpPopUpSlots */
4
+ export default class HelpPopUp extends SvelteComponentTyped<{
5
+ active?: boolean | undefined;
6
+ }, {
7
+ [evt: string]: CustomEvent<any>;
8
+ }, {}> {
9
+ }
10
+ export type HelpPopUpProps = typeof __propDef.props;
11
+ export type HelpPopUpEvents = typeof __propDef.events;
12
+ export type HelpPopUpSlots = typeof __propDef.slots;
13
+ import { SvelteComponentTyped } from "svelte";
14
+ declare const __propDef: {
15
+ props: {
16
+ active?: boolean | undefined;
17
+ };
18
+ events: {
19
+ [evt: string]: CustomEvent<any>;
20
+ };
21
+ slots: {};
22
+ };
23
+ export {};
package/dist/components/page/Page.svelte CHANGED
@@ -3,7 +3,7 @@ import { AppShell, AppBar } from "@skeletonlabs/skeleton";
3
3
  import Menu from "./menu/Menu.svelte";
4
4
  import Footer from "./Footer.svelte";
5
5
  import Header from "./Header.svelte";
6
- import Help from "./Help.svelte";
6
+ import HelpPopUp from "./HelpPopUp.svelte";
7
7
  import Breadcrumb from "./breadcrumb/Breadcrumb.svelte";
8
8
  import { computePosition, autoUpdate, offset, shift, flip, arrow } from "@floating-ui/dom";
9
9
  import { storePopup } from "@skeletonlabs/skeleton";
@@ -48,50 +48,29 @@ onMount(async () => {
48
48
  <Footer/>
49
49
  </svelte:fragment>
50
50
 
51
-
52
-
53
- <div class="px-5 grid gap-5 content-center" >
54
-
55
-
56
51
  <slot name="description" />
57
52
 
58
-
59
- <div class="w-full flex flex-col sm:flex-row flex-wrap sm:flex-nowrap py-4 flex-grow">
53
+ <div class="flex flex-initial space-x-3">
54
+
60
55
  {#if $$slots.left}
61
- <div class="w-fixed w-full max-w-min flex-shrink flex-grow-1 px-4">
56
+ <div class="flex-shrink-0 w-96 w-min-96 border-y border-solid border-surface-500">
62
57
  <slot name="left" />
63
58
  </div>
64
59
  {/if}
65
-
66
- <div class="w-full flex-initial items-center justify-center pt-1 px-3 max-w-screen-lg">
67
- <slot name="middle" />
68
- {#if links.length>0}
69
- <div class="py-5">
70
- {#each links as link}
71
- <a class="chip variant-ringed" href={link.url}>{link.label}</a>
72
- {/each}
73
- </div>
74
- {/if}
75
- <slot/>
60
+
61
+ <div class="space-y-5 py-3 border-y border-solid border-surface-500">
62
+ <slot/>
76
63
  </div>
77
64
 
78
65
 
79
66
  {#if $$slots.right}
80
- <div class="w-fixed w-full max-w-min flex-shrink flex-grow-0 px-2">
67
+ <div class="flex-shrink-0 w-96 border-y border-solid border-surface-500">
81
68
  <slot name="right"/>
82
- </div>
69
+ </div>
83
70
  {/if}
84
-
85
-
71
+
86
72
  </div>
87
- </div>
88
-
89
-
90
-
91
- <Help active={help}/>
92
-
93
-
94
-
95
73
 
74
+ <HelpPopUp active={help}/>
96
75
 
97
76
  </AppShell>
package/dist/components/page/Page.svelte.d.ts CHANGED
@@ -15,7 +15,6 @@ declare const __propDef: {
15
15
  slots: {
16
16
  description: {};
17
17
  left: {};
18
- middle: {};
19
18
  default: {};
20
19
  right: {};
21
20
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bexis2/bexis2-core-ui",
3
- "version": "0.2.4",
3
+ "version": "0.2.5",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "dev": "vite dev",
package/src/lib/components/page/Page.svelte CHANGED
@@ -64,14 +64,8 @@
64
64
  <Footer/>
65
65
  </svelte:fragment>
66
66
 
67
-
68
-
69
- <div class="px-5 grid gap-5 content-center" >
70
-
71
-
72
67
  <slot name="description" />
73
68
 
74
-
75
69
  <div class="flex flex-initial space-x-3">
76
70
 
77
71
  {#if $$slots.left}
@@ -93,13 +87,6 @@
93
87
 
94
88
  </div>
95
89
 
96
-
97
-
98
-
99
90
  <HelpPopUp active={help}/>
100
91
 
101
-
102
-
103
-
104
-
105
92
  </AppShell>
package/dist/components/page/Help.svelte.d.ts DELETED
@@ -1,23 +0,0 @@
1
- /** @typedef {typeof __propDef.props} HelpProps */
2
- /** @typedef {typeof __propDef.events} HelpEvents */
3
- /** @typedef {typeof __propDef.slots} HelpSlots */
4
- export default class Help extends SvelteComponentTyped<{
5
- active?: boolean | undefined;
6
- }, {
7
- [evt: string]: CustomEvent<any>;
8
- }, {}> {
9
- }
10
- export type HelpProps = typeof __propDef.props;
11
- export type HelpEvents = typeof __propDef.events;
12
- export type HelpSlots = typeof __propDef.slots;
13
- import { SvelteComponentTyped } from "svelte";
14
- declare const __propDef: {
15
- props: {
16
- active?: boolean | undefined;
17
- };
18
- events: {
19
- [evt: string]: CustomEvent<any>;
20
- };
21
- slots: {};
22
- };
23
- export {};