@base-framework/ui 0.0.4 → 0.0.6

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.
@@ -1,224 +0,0 @@
1
- var o = Object.defineProperty;
2
- var x = (e, t, a) => t in e ? o(e, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : e[t] = a;
3
- var s = (e, t, a) => x(e, typeof t != "symbol" ? t + "" : t, a);
4
- import { Div as l, Header as u, H1 as h, P as f } from "@base-framework/atoms";
5
- import { F as r, A as p } from "./aside-template-D0KANPjh.js";
6
- import { Component as m, Atom as c } from "@base-framework/base";
7
- import { c as g, e as P } from "./mobile-nav-wrapper-7Qul1-mt.js";
8
- class d extends m {
9
- constructor() {
10
- super(...arguments);
11
- /**
12
- * @member {string} class
13
- */
14
- s(this, "class", "");
15
- }
16
- }
17
- class i extends d {
18
- /**
19
- * This will be called every time the route
20
- * is activated.
21
- *
22
- * @param {object} params
23
- */
24
- update(t) {
25
- }
26
- }
27
- class M extends i {
28
- /**
29
- * This will render the page.
30
- *
31
- * @returns {object}
32
- */
33
- render() {
34
- return r([
35
- l({ class: "flex flex-auto flex-col pt-[80px] sm:pt-0" }, this.children)
36
- ]);
37
- }
38
- }
39
- class v extends i {
40
- /**
41
- * This will render the page.
42
- *
43
- * @returns {object}
44
- */
45
- render() {
46
- return r([
47
- l({ class: "contained px-4 flex flex-auto flex-col" }, this.children)
48
- ]);
49
- }
50
- }
51
- const n = c((e, t) => (e.class = "basic-page pt-[80px] sm:pt-0 flex flex-auto flex-col " + (e.class || ""), {
52
- tag: "section",
53
- ...e,
54
- children: t
55
- }));
56
- class y extends i {
57
- /**
58
- * This will render the page.
59
- *
60
- * @returns {object}
61
- */
62
- render() {
63
- return n([
64
- r([
65
- l({ class: "contained px-4 flex flex-auto flex-col" }, this.children)
66
- ])
67
- ]);
68
- }
69
- }
70
- const b = c(({ title: e, description: t }) => u({ class: "sm:py-8 px-6 md:px-5 flex flex-col" }, [
71
- h({ class: "scroll-m-20 text-3xl font-bold tracking-tight" }, e),
72
- t && f({ class: "text-base text-muted-foreground py-2 max-w-[700px]" }, t)
73
- ]));
74
- class C extends i {
75
- constructor() {
76
- super(...arguments);
77
- /**
78
- * @member {string} title
79
- */
80
- s(this, "title", "");
81
- /**
82
- * @member {string} description
83
- */
84
- s(this, "description", "");
85
- }
86
- /**
87
- * This will render the page.
88
- *
89
- * @returns {object}
90
- */
91
- render() {
92
- return n([
93
- b({
94
- title: this.title,
95
- description: this.description
96
- }),
97
- r(this.children)
98
- ]);
99
- }
100
- }
101
- class N extends d {
102
- /**
103
- * This will render the page.
104
- *
105
- * @returns {object}
106
- */
107
- render() {
108
- const t = this.class ?? "";
109
- return l({ class: `flex flex-col flex-auto ${t}` }, this.children);
110
- }
111
- }
112
- class A extends i {
113
- constructor() {
114
- super(...arguments);
115
- /**
116
- * @member {array} routes
117
- */
118
- s(this, "routes", []);
119
- /**
120
- * @member {array} switch
121
- */
122
- s(this, "switch", []);
123
- /**
124
- * @member {array} links
125
- */
126
- s(this, "links", []);
127
- /**
128
- * @member {string} title
129
- */
130
- s(this, "title", "");
131
- }
132
- /**
133
- * This will render the page.
134
- *
135
- * @returns {object}
136
- */
137
- render() {
138
- return n(
139
- {
140
- route: this.addRoutes()
141
- },
142
- [
143
- p({
144
- left: this.addSidebar(),
145
- right: this.addBody()
146
- })
147
- ]
148
- );
149
- }
150
- /**
151
- * This will add the routes.
152
- *
153
- * @returns {array}
154
- */
155
- addRoutes() {
156
- return this.routes || [];
157
- }
158
- /**
159
- * This will add the sidebar of the page.
160
- *
161
- * @returns {object}
162
- */
163
- addSidebar() {
164
- return l({ class: "flex flex-auto flex-col" }, this.addNavigation());
165
- }
166
- /**
167
- * This will add the body of the page.
168
- *
169
- * @returns {object}
170
- */
171
- addBody() {
172
- return l({ class: "flex flex-auto flex-col" }, [
173
- {
174
- class: "contained",
175
- switch: this.addSwitch()
176
- }
177
- ]);
178
- }
179
- /**
180
- * This will add the switch of the page.
181
- *
182
- * @returns {array}
183
- */
184
- addSwitch() {
185
- return this.switch || [];
186
- }
187
- /**
188
- * This will add the navigation of the page.
189
- *
190
- * @returns {object}
191
- */
192
- addNavigation() {
193
- const a = this.getLinks();
194
- return [
195
- g(
196
- {
197
- title: this.title,
198
- options: a,
199
- class: "hidden lg:block"
200
- }
201
- ),
202
- P({ title: this.title, options: a })
203
- ];
204
- }
205
- /**
206
- * This will get the links.
207
- *
208
- * @returns {array}
209
- */
210
- getLinks() {
211
- return this.links || [];
212
- }
213
- }
214
- export {
215
- i as B,
216
- v as C,
217
- y as F,
218
- n as M,
219
- d as P,
220
- A as S,
221
- M as a,
222
- C as b,
223
- N as c
224
- };