@esportsplus/ui 0.0.13 → 0.0.14

package/build/components/index.d.ts

@@ -1,5 +1,6 @@
 export { default as alert } from './alert';
 export { default as form } from './form';
 export { default as page } from './page';
+export { default as root } from './root';
 export { default as scrollbar } from './scrollbar';
 export { default as state } from './state';

package/build/components/index.js

@@ -1,5 +1,6 @@
 export { default as alert } from './alert';
 export { default as form } from './form';
 export { default as page } from './page';
+export { default as root } from './root';
 export { default as scrollbar } from './scrollbar';
 export { default as state } from './state';

package/build/components/root/index.d.ts

@@ -0,0 +1,23 @@
+declare const _default: {
+    layout: (data?: {
+        anchor?: {
+            content?: any;
+        } | undefined;
+        content?: any;
+        page?: {
+            class?: string | undefined;
+            content?: any;
+        } | undefined;
+        scrollbar?: {
+            style?: string | undefined;
+        } | undefined;
+        site?: {
+            content?: any;
+        } | undefined;
+    }) => {
+        content: string;
+        type: string;
+        values: never[];
+    };
+};
+export default _default;

package/build/components/root/index.js

@@ -0,0 +1,2 @@
+import layout from './layout';
+export default { layout };

package/build/components/root/layout.d.ts

@@ -0,0 +1,22 @@
+type Data = {
+    anchor?: {
+        content?: any;
+    };
+    content?: any;
+    page?: {
+        class?: string;
+        content?: any;
+    };
+    scrollbar?: {
+        style?: string;
+    };
+    site?: {
+        content?: any;
+    };
+};
+declare const _default: (data?: Data) => {
+    content: string;
+    type: string;
+    values: never[];
+};
+export default _default;

package/build/components/root/layout.js

@@ -0,0 +1,25 @@
+import { html } from '@esportsplus/template';
+import { alert, scrollbar } from '../../components';
+export default (data = {}) => {
+    let bar = scrollbar({
+        fixed: true,
+        style: data?.scrollbar?.style
+    });
+    return html `
+        <section class='site' ${bar.attributes}>
+            <section class='page --padding-horizontal --padding-horizontal-sidebars ${data?.page?.class}'>
+                ${data?.page?.content}
+            </section>
+
+            ${data?.site?.content || ''}
+            ${bar.html}
+        </section>
+
+        <section class='anchors'>
+            ${alert.html()}
+            ${data?.anchor?.content || ''}
+        </section>
+
+        ${data?.content || ''}
+    `;
+};

package/package.json

@@ -36,5 +36,5 @@
         "prepublishOnly": "npm run build"
     },
     "types": "./build/index.d.ts",
-    "version": "0.0.13"
+    "version": "0.0.14"
 }

package/src/components/index.ts

@@ -1,5 +1,6 @@
 export { default as alert }from './alert';
 export { default as form }from './form';
 export { default as page }from './page';
+export { default as root }from './root';
 export { default as scrollbar }from './scrollbar';
 export { default as state }from './state';

package/src/components/root/index.ts

@@ -0,0 +1,4 @@
+import layout from './layout';
+
+
+export default { layout };

package/src/components/root/layout.ts

@@ -0,0 +1,46 @@
+import { html } from '@esportsplus/template';
+import { alert, scrollbar } from '~/components';
+
+
+type Data = {
+    anchor?: {
+        content?: any;
+    };
+    content?: any;
+    page?: {
+        class?: string;
+        content?: any;
+    };
+    scrollbar?: {
+        style?: string;
+    };
+    site?: {
+        content?: any;
+    };
+};
+
+
+export default (data: Data = {}) => {
+    let bar = scrollbar({
+            fixed: true,
+            style: data?.scrollbar?.style
+        });
+
+    return html`
+        <section class='site' ${bar.attributes}>
+            <section class='page --padding-horizontal --padding-horizontal-sidebars ${data?.page?.class}'>
+                ${data?.page?.content}
+            </section>
+
+            ${data?.site?.content || ''}
+            ${bar.html}
+        </section>
+
+        <section class='anchors'>
+            ${alert.html()}
+            ${data?.anchor?.content || ''}
+        </section>
+
+        ${data?.content || ''}
+    `;
+};