@bexis2/bexis2-core-ui 0.2.9 → 0.2.10

package/dist/components/page/Page.svelte

@@ -1,4 +1,5 @@
 <script>import { onMount } from "svelte";
+import { pageContentLayoutType } from "../../models/Enums";
 import { AppShell, AppBar } from "@skeletonlabs/skeleton";
 import Menu from "./menu/Menu.svelte";
 import Footer from "./Footer.svelte";
@@ -17,6 +18,7 @@ export let links = [];
 export let menu = true;
 export let footer = true;
 export let help = false;
+export let contentLayoutType = pageContentLayoutType.center;
 onMount(async () => {
   console.log("page");
   breadcrumbStore.clean();
@@ -60,9 +62,21 @@ onMount(async () => {
   </div>
   {/if}
 
+  {#if contentLayoutType === pageContentLayoutType.center}
+
+  <div class="flex justify-center w-screen ">
+    <div class="max-w-7xl  p-5 space-y-5 border-y border-solid border-surface-500">
+      <slot/>
+    </div>
+  </div>
+  {/if}
+
+  {#if contentLayoutType === pageContentLayoutType.full}
   <div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
      <slot/>
   </div>
+  
+  {/if}
 
 
   {#if $$slots.right}

package/dist/components/page/Page.svelte.d.ts

@@ -1,5 +1,6 @@
 import { SvelteComponentTyped } from "svelte";
 import type { linkType } from "../../models/Models";
+import { pageContentLayoutType } from "../../models/Enums";
 declare const __propDef: {
     props: {
         title?: string | undefined;
@@ -8,6 +9,7 @@ declare const __propDef: {
         menu?: boolean | undefined;
         footer?: boolean | undefined;
         help?: boolean | undefined;
+        contentLayoutType?: pageContentLayoutType | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;

package/dist/index.d.ts

@@ -28,6 +28,6 @@ export { host, username, password, setApiConfig } from './stores/apiStores.js';
 export type { userType, inputType, fileUploaderModel, linkType, listItemType, keyValuePairType } from './models/Models.js';
 export { helpStore } from './stores/pageStores';
 export type { helpStoreType, helpItemType } from './models/Models';
-export { positionType } from './models/Enums';
+export { positionType, pageContentLayoutType } from './models/Enums';
 export { Table, TableFilter, columnFilter, searchFilter };
 export type { TableConfig, Columns, Column };

package/dist/index.js

@@ -35,6 +35,6 @@ export { host, username, password, setApiConfig } from './stores/apiStores.js';
 //help
 export { helpStore } from './stores/pageStores';
 //enum
-export { positionType } from './models/Enums';
+export { positionType, pageContentLayoutType } from './models/Enums';
 // Table
 export { Table, TableFilter, columnFilter, searchFilter };

package/dist/models/Enums.d.ts

@@ -3,3 +3,7 @@ export declare enum positionType {
     end = "end",
     center = "center"
 }
+export declare enum pageContentLayoutType {
+    full = "full",
+    center = "center"
+}

package/dist/models/Enums.js

@@ -4,3 +4,8 @@ export var positionType;
     positionType["end"] = "end";
     positionType["center"] = "center";
 })(positionType || (positionType = {}));
+export var pageContentLayoutType;
+(function (pageContentLayoutType) {
+    pageContentLayoutType["full"] = "full";
+    pageContentLayoutType["center"] = "center";
+})(pageContentLayoutType || (pageContentLayoutType = {}));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bexis2/bexis2-core-ui",
-  "version": "0.2.9",
+  "version": "0.2.10",
   "private": false,
   "scripts": {
     "dev": "vite dev",

package/src/lib/components/page/Page.svelte

@@ -2,6 +2,7 @@
   import {onMount} from 'svelte'
 
   import type { linkType } from "$lib/models/Models";
+  import { pageContentLayoutType } from "$lib/models/Enums";
 
   // ui components
   import { AppShell, AppBar } from '@skeletonlabs/skeleton';
@@ -31,6 +32,7 @@
   export let menu:boolean = true;
   export let footer:boolean = true;
   export let help:boolean = false;
+  export let contentLayoutType:pageContentLayoutType = pageContentLayoutType.center;
 
   onMount(async () => {
     console.log("page")
@@ -76,9 +78,21 @@
   </div>
   {/if}
 
+  {#if contentLayoutType === pageContentLayoutType.center}
+
+  <div class="flex justify-center w-screen ">
+    <div class="max-w-7xl  p-5 space-y-5 border-y border-solid border-surface-500">
+      <slot/>
+    </div>
+  </div>
+  {/if}
+
+  {#if contentLayoutType === pageContentLayoutType.full}
   <div class="p-5 space-y-5 border-y border-solid border-surface-500 w-screen">
      <slot/>
   </div>
+  
+  {/if}
 
 
   {#if $$slots.right}

package/src/lib/index.ts

@@ -68,7 +68,7 @@ export type { helpStoreType, helpItemType } from './models/Models';
 
 
 //enum
-export { positionType	} from './models/Enums';
+export { positionType, pageContentLayoutType	} from './models/Enums';
 
 // Table
 export { Table, TableFilter, columnFilter, searchFilter };

package/src/lib/models/Enums.ts

@@ -3,4 +3,9 @@ export enum positionType {
 	start = "start",
 	end = "end",
  center = "center"
+}
+
+export enum pageContentLayoutType {
+	full = "full",
+	center = "center"
 }