@uxland/primary-shell 1.0.3 → 1.0.5

package/dist/initializer.d.ts

@@ -0,0 +1 @@
+export declare const initializeShell: (element: HTMLElement) => void;

package/dist/primary-shell.d.ts

@@ -0,0 +1,12 @@
+import { IRegion } from '@uxland/regions';
+
+declare const PrimaryShell_base: any;
+export declare class PrimaryShell extends PrimaryShell_base {
+    render(): import('../node_modules/lit').TemplateResult<1>;
+    static styles: import('../node_modules/lit').CSSResult;
+    headerRegion: IRegion | undefined;
+    actionsToolbarRegion: IRegion | undefined;
+    sidebarRegion: IRegion | undefined;
+    mainRegion: IRegion | undefined;
+}
+export {};

package/dist/regions.d.ts

@@ -0,0 +1,7 @@
+export declare const regions: {
+    header: string;
+    actionsToolbar: string;
+    main: string;
+    sidebar: string;
+    footer: string;
+};

package/package.json

@@ -1,16 +1,13 @@
 {
   "name": "@uxland/primary-shell",
-  "version": "1.0.3",
+  "version": "1.0.5",
   "description": "Framework Integració modular",
   "author": "UXLand <dev@uxland.es>",
   "homepage": "https://github.com/uxland/fim-sandbox/tree/app#readme",
   "license": "UNLICENSED",
-  "main": "index.ts",
-  "types": "lib/index.d.ts",
+  "main": "src/index.ts",
+  "types": "dist/index.d.ts",
   "files": [
-    "src",
-    "lib",
-    "es",
     "dist"
   ],
   "publishConfig": {
@@ -28,6 +25,7 @@
     "@uxland/fim-core": "^1.0.0",
     "@uxland/primary-ui-components": "^1.0.0",
     "@uxland/regions": "^1.0.0",
+    "@uxland/utilities": "^1.0.5",
     "tslib": "^2.3.0",
     "lit": "^3.1.0",
     "vite": "^5.2.8"

package/src/index.ts

@@ -0,0 +1,2 @@
+export * from './initializer';
+export * from './regions';

package/index.ts

@@ -1,3 +0,0 @@
-export * from './src/primary-shell';
-export * from './src/initializer';
-export * from './src/regions';

package/src/initializer.ts

@@ -1,5 +0,0 @@
-import { PrimaryShell } from "./primary-shell";
-
-export const initializeShell = (element : HTMLElement) => {
-    element.appendChild(new PrimaryShell());
-}

package/src/primary-shell.ts

@@ -1,78 +0,0 @@
-import {ShellLitRegionHost} from '@uxland/fim-core';
-import {IRegion, region} from '@uxland/regions';
-import {LitElement, css, html} from 'lit';
-import { customElement } from 'lit/decorators.js';
-import { regions} from './regions';
-import '@uxland/primary-ui-components';
-
-//@ts-ignore
-@customElement('primary-shell')
-//@ts-ignore
-export class PrimaryShell extends ShellLitRegionHost(LitElement) {
-  override render() {
-    return html` <div class="container">
-      <div class="header">
-        <div id="header-region-container"></div>
-        <div id="actions-toolbar-region-container"></div>
-      </div>
-
-      <div class="main-container">
-        <div id="sidebar-region-region-container"></div>
-        <div id="main-region-region-container"></div>
-      </div>
-    </div>`;
-  }
-
-  static styles = css`
-  :host {
-    width: 100%;
-    overflow: hidden;
-  }
-  .container {
-    width: 100%;
-    height: 100%;
-    display: flex;
-    flex-direction: column;
-    background: aliceblue;
-  }
-  .header {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-    background-color: blue;
-    height: 60px;
-    background-color: white;
-    color: black;
-    box-shadow: rgba(0, 0, 0, 0.12) 0px 4px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
-    z-index: 1;
-
-    #actions-toolbar-region-container{
-      display: flex;
-      flex-direction:row;
-    }
-  }
-  .main-container {
-    min-height: 1px;
-    height: 100%;
-    display: flex;
-    flex-direction: row;
-    #sidebar-region-region-container {
-      background: white;
-      width: 15vw;
-      box-shadow: rgba(0, 0, 0, 0.12) 4px -1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
-    }
-  }
-  `;
-
-  @region({targetId: 'header-region-container', name: regions.header})
-  headerRegion: IRegion | undefined;
-
-  @region({targetId: 'actions-toolbar-region-container', name: regions.actionsToolbar})
-  actionsToolbarRegion: IRegion | undefined;
-
-  @region({targetId: 'sidebar-region-region-container', name: regions.sidebar})
-  sidebarRegion: IRegion | undefined;
-
-  @region({targetId: 'main-region-region-container', name: regions.main})
-  mainRegion: IRegion | undefined;
-}

package/src/regions.ts

@@ -1,7 +0,0 @@
-export const regions = {
-  header: 'header-region',
-  actionsToolbar: 'actions-toolbar-region',
-  main: 'main-region',
-  sidebar: 'asidebar-region',
-  footer: 'footer-region'
-};