@rxap/layout 18.3.2 → 18.3.3-dev.1

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 (3) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/package.json +27 -27
  3. package/theme.css +1 -425
package/CHANGELOG.md CHANGED
@@ -3,6 +3,14 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [18.3.3-dev.1](https://gitlab.com/rxap/packages/compare/@rxap/layout@18.3.3-dev.0...@rxap/layout@18.3.3-dev.1) (2024-11-05)
7
+
8
+ **Note:** Version bump only for package @rxap/layout
9
+
10
+ ## [18.3.3-dev.0](https://gitlab.com/rxap/packages/compare/@rxap/layout@18.3.2...@rxap/layout@18.3.3-dev.0) (2024-11-04)
11
+
12
+ **Note:** Version bump only for package @rxap/layout
13
+
6
14
  ## [18.3.2](https://gitlab.com/rxap/packages/compare/@rxap/layout@18.3.2-dev.3...@rxap/layout@18.3.2) (2024-10-28)
7
15
 
8
16
  **Note:** Version bump only for package @rxap/layout
package/package.json CHANGED
@@ -1,12 +1,12 @@
1
1
  {
2
- "version": "18.3.2",
2
+ "version": "18.3.3-dev.1",
3
3
  "name": "@rxap/layout",
4
4
  "license": "GPL-3.0-or-later",
5
5
  "dependencies": {
6
6
  "@nx/devkit": "19.7.4",
7
7
  "@rxap/ts-morph": "^1.5.1",
8
- "@rxap/workspace-ts-morph": "^19.1.6",
9
- "@rxap/workspace-utilities": "^19.4.3",
8
+ "@rxap/workspace-ts-morph": "^19.1.7-dev.1",
9
+ "@rxap/workspace-utilities": "^19.5.0-dev.0",
10
10
  "tslib": "2.6.2"
11
11
  },
12
12
  "peerDependencies": {
@@ -16,15 +16,15 @@
16
16
  "@angular/core": "^18.2.0",
17
17
  "@angular/material": "^18.2.0",
18
18
  "@angular/router": "^18.2.0",
19
- "@rxap/browser-utilities": "^1.1.8-dev.0",
20
- "@rxap/config": "^18.2.2-dev.0",
21
- "@rxap/data-source": "^18.1.5-dev.0",
22
- "@rxap/environment": "^18.0.7-dev.0",
23
- "@rxap/material-directives": "^18.1.2-dev.0",
24
- "@rxap/ngx-pub-sub": "^18.1.2-dev.0",
25
- "@rxap/ngx-theme": "^18.1.2-dev.0",
26
- "@rxap/pattern": "^1.1.9-dev.0",
27
- "@rxap/utilities": "^16.4.0-dev.1",
19
+ "@rxap/browser-utilities": "^1.1.8",
20
+ "@rxap/config": "^18.2.2",
21
+ "@rxap/data-source": "^18.1.5",
22
+ "@rxap/environment": "^18.0.7",
23
+ "@rxap/material-directives": "^18.1.2",
24
+ "@rxap/ngx-pub-sub": "^18.1.2",
25
+ "@rxap/ngx-theme": "^18.1.2",
26
+ "@rxap/pattern": "^1.1.9",
27
+ "@rxap/utilities": "^16.4.0",
28
28
  "rxjs": "^7.8.1"
29
29
  },
30
30
  "author": {
@@ -85,59 +85,59 @@
85
85
  },
86
86
  {
87
87
  "package": "@rxap/browser-utilities",
88
- "version": "1.1.8-dev.0"
88
+ "version": "1.1.8"
89
89
  },
90
90
  {
91
91
  "package": "@rxap/config",
92
- "version": "18.2.2-dev.0"
92
+ "version": "18.2.2"
93
93
  },
94
94
  {
95
95
  "package": "@rxap/data-source",
96
- "version": "18.1.5-dev.0"
96
+ "version": "18.1.5"
97
97
  },
98
98
  {
99
99
  "package": "@rxap/data-structure-tree",
100
- "version": "1.1.10-dev.3"
100
+ "version": "1.1.10"
101
101
  },
102
102
  {
103
103
  "package": "@rxap/definition",
104
- "version": "18.0.7-dev.0"
104
+ "version": "18.0.7"
105
105
  },
106
106
  {
107
107
  "package": "@rxap/environment",
108
- "version": "18.0.7-dev.0"
108
+ "version": "18.0.7"
109
109
  },
110
110
  {
111
111
  "package": "@rxap/material-directives",
112
- "version": "18.1.2-dev.0"
112
+ "version": "18.1.2"
113
113
  },
114
114
  {
115
115
  "package": "@rxap/ngx-memory",
116
- "version": "18.0.7-dev.0"
116
+ "version": "18.0.7"
117
117
  },
118
118
  {
119
119
  "package": "@rxap/ngx-pub-sub",
120
- "version": "18.1.2-dev.0"
120
+ "version": "18.1.2"
121
121
  },
122
122
  {
123
123
  "package": "@rxap/ngx-theme",
124
- "version": "18.1.2-dev.0"
124
+ "version": "18.1.2"
125
125
  },
126
126
  {
127
127
  "package": "@rxap/pattern",
128
- "version": "1.1.9-dev.0"
128
+ "version": "1.1.9"
129
129
  },
130
130
  {
131
131
  "package": "@rxap/reflect-metadata",
132
- "version": "1.0.11-dev.3"
132
+ "version": "1.0.11"
133
133
  },
134
134
  {
135
135
  "package": "@rxap/rxjs",
136
- "version": "1.1.10-dev.3"
136
+ "version": "1.1.10"
137
137
  },
138
138
  {
139
139
  "package": "@rxap/utilities",
140
- "version": "16.4.0-dev.1"
140
+ "version": "16.4.0"
141
141
  }
142
142
  ]
143
143
  },
@@ -151,7 +151,7 @@
151
151
  "directory": "packages/angular/layout"
152
152
  },
153
153
  "sideEffects": false,
154
- "gitHead": "5abb05083105871f66410edecfe6d2bdd02dd760",
154
+ "gitHead": "bdc4d6f0b8a016c1c28677e402c4b097003921ab",
155
155
  "module": "fesm2022/rxap-layout.mjs",
156
156
  "typings": "index.d.ts",
157
157
  "exports": {
package/theme.css CHANGED
@@ -1,425 +1 @@
1
- .visible {
2
- visibility: visible
3
- }
4
-
5
- .invisible {
6
- visibility: hidden
7
- }
8
-
9
- .collapse {
10
- visibility: collapse
11
- }
12
-
13
- .static {
14
- position: static
15
- }
16
-
17
- .fixed {
18
- position: fixed
19
- }
20
-
21
- .absolute {
22
- position: absolute
23
- }
24
-
25
- .relative {
26
- position: relative
27
- }
28
-
29
- .sticky {
30
- position: sticky
31
- }
32
-
33
- .bottom-0 {
34
- bottom: 0px
35
- }
36
-
37
- .top-0 {
38
- top: 0px
39
- }
40
-
41
- .z-10 {
42
- z-index: 10
43
- }
44
-
45
- .mx-16 {
46
- margin-left: 4rem;
47
- margin-right: 4rem
48
- }
49
-
50
- .ml-16 {
51
- margin-left: 4rem
52
- }
53
-
54
- .mt-4 {
55
- margin-top: 1rem
56
- }
57
-
58
- .block {
59
- display: block
60
- }
61
-
62
- .inline {
63
- display: inline
64
- }
65
-
66
- .flex {
67
- display: flex
68
- }
69
-
70
- .table {
71
- display: table
72
- }
73
-
74
- .contents {
75
- display: contents
76
- }
77
-
78
- .hidden {
79
- display: none
80
- }
81
-
82
- .h-10 {
83
- height: 2.5rem
84
- }
85
-
86
- .h-12 {
87
- height: 3rem
88
- }
89
-
90
- .h-6 {
91
- height: 1.5rem
92
- }
93
-
94
- .h-8 {
95
- height: 2rem
96
- }
97
-
98
- .h-full {
99
- height: 100%
100
- }
101
-
102
- .w-8 {
103
- width: 2rem
104
- }
105
-
106
- .w-full {
107
- width: 100%
108
- }
109
-
110
- .\!max-w-none {
111
- max-width: none !important
112
- }
113
-
114
- .grow {
115
- flex-grow: 1
116
- }
117
-
118
- .grow-0 {
119
- flex-grow: 0
120
- }
121
-
122
- .table-auto {
123
- table-layout: auto
124
- }
125
-
126
- .border-separate {
127
- border-collapse: separate
128
- }
129
-
130
- .border-spacing-2 {
131
- --tw-border-spacing-x: 0.5rem;
132
- --tw-border-spacing-y: 0.5rem;
133
- border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
134
- }
135
-
136
- .transform {
137
- transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
138
- }
139
-
140
- .cursor-pointer {
141
- cursor: pointer
142
- }
143
-
144
- .list-none {
145
- list-style-type: none
146
- }
147
-
148
- .flex-row {
149
- flex-direction: row
150
- }
151
-
152
- .flex-col {
153
- flex-direction: column
154
- }
155
-
156
- .items-center {
157
- align-items: center
158
- }
159
-
160
- .justify-center {
161
- justify-content: center
162
- }
163
-
164
- .justify-between {
165
- justify-content: space-between
166
- }
167
-
168
- .justify-items-stretch {
169
- justify-items: stretch
170
- }
171
-
172
- .gap-2 {
173
- gap: 0.5rem
174
- }
175
-
176
- .gap-4 {
177
- gap: 1rem
178
- }
179
-
180
- .gap-6 {
181
- gap: 1.5rem
182
- }
183
-
184
- .gap-8 {
185
- gap: 2rem
186
- }
187
-
188
- .gap-x-4 {
189
- -moz-column-gap: 1rem;
190
- column-gap: 1rem
191
- }
192
-
193
- .gap-y-5 {
194
- row-gap: 1.25rem
195
- }
196
-
197
- .self-stretch {
198
- align-self: stretch
199
- }
200
-
201
- .overflow-hidden {
202
- overflow: hidden
203
- }
204
-
205
- .whitespace-nowrap {
206
- white-space: nowrap
207
- }
208
-
209
- .rounded-full {
210
- border-radius: 9999px
211
- }
212
-
213
- .border {
214
- border-width: 1px
215
- }
216
-
217
- .border-l-4 {
218
- border-left-width: 4px
219
- }
220
-
221
- .border-accent-600 {
222
- border-color: var(--accent-600)
223
- }
224
-
225
- .border-slate-300 {
226
- --tw-border-opacity: 1;
227
- border-color: rgb(203 213 225 / var(--tw-border-opacity))
228
- }
229
-
230
- .bg-slate-50 {
231
- --tw-bg-opacity: 1;
232
- background-color: rgb(248 250 252 / var(--tw-bg-opacity))
233
- }
234
-
235
- .bg-white {
236
- --tw-bg-opacity: 1;
237
- background-color: rgb(255 255 255 / var(--tw-bg-opacity))
238
- }
239
-
240
- .bg-cover {
241
- background-size: cover
242
- }
243
-
244
- .bg-center {
245
- background-position: center
246
- }
247
-
248
- .bg-no-repeat {
249
- background-repeat: no-repeat
250
- }
251
-
252
- .p-10 {
253
- padding: 2.5rem
254
- }
255
-
256
- .p-2 {
257
- padding: 0.5rem
258
- }
259
-
260
- .p-4 {
261
- padding: 1rem
262
- }
263
-
264
- .px-16 {
265
- padding-left: 4rem;
266
- padding-right: 4rem
267
- }
268
-
269
- .px-4 {
270
- padding-left: 1rem;
271
- padding-right: 1rem
272
- }
273
-
274
- .py-2 {
275
- padding-top: 0.5rem;
276
- padding-bottom: 0.5rem
277
- }
278
-
279
- .pb-2 {
280
- padding-bottom: 0.5rem
281
- }
282
-
283
- .pl-2 {
284
- padding-left: 0.5rem
285
- }
286
-
287
- .pl-4 {
288
- padding-left: 1rem
289
- }
290
-
291
- .pl-5 {
292
- padding-left: 1.25rem
293
- }
294
-
295
- .pr-5 {
296
- padding-right: 1.25rem
297
- }
298
-
299
- .text-\[32px\] {
300
- font-size: 32px
301
- }
302
-
303
- .text-lg {
304
- font-size: 1.125rem;
305
- line-height: 1.75rem
306
- }
307
-
308
- .text-sm {
309
- font-size: 0.875rem;
310
- line-height: 1.25rem
311
- }
312
-
313
- .text-xl {
314
- font-size: 1.25rem;
315
- line-height: 1.75rem
316
- }
317
-
318
- .font-bold {
319
- font-weight: 700
320
- }
321
-
322
- .capitalize {
323
- text-transform: capitalize
324
- }
325
-
326
- .text-accent-400 {
327
- color: var(--accent-400)
328
- }
329
-
330
- .text-neutral-700 {
331
- --tw-text-opacity: 1;
332
- color: rgb(64 64 64 / var(--tw-text-opacity))
333
- }
334
-
335
- .text-red-700 {
336
- --tw-text-opacity: 1;
337
- color: rgb(185 28 28 / var(--tw-text-opacity))
338
- }
339
-
340
- .text-slate-500 {
341
- --tw-text-opacity: 1;
342
- color: rgb(100 116 139 / var(--tw-text-opacity))
343
- }
344
-
345
- .text-slate-900 {
346
- --tw-text-opacity: 1;
347
- color: rgb(15 23 42 / var(--tw-text-opacity))
348
- }
349
-
350
- .shadow-sm {
351
- --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
352
- --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
353
- box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
354
- }
355
-
356
- .outline-none {
357
- outline: 2px solid transparent;
358
- outline-offset: 2px
359
- }
360
-
361
- .invert {
362
- --tw-invert: invert(100%);
363
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
364
- }
365
-
366
- .\!filter {
367
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important
368
- }
369
-
370
- .filter {
371
- filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
372
- }
373
-
374
- .transition {
375
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
376
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
377
- transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
378
- transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
379
- transition-duration: 150ms
380
- }
381
-
382
- .hover\:text-black:hover {
383
- --tw-text-opacity: 1;
384
- color: rgb(0 0 0 / var(--tw-text-opacity))
385
- }
386
-
387
- .dark\:border-slate-600:is(.dark *) {
388
- --tw-border-opacity: 1;
389
- border-color: rgb(71 85 105 / var(--tw-border-opacity))
390
- }
391
-
392
- .dark\:border-slate-700:is(.dark *) {
393
- --tw-border-opacity: 1;
394
- border-color: rgb(51 65 85 / var(--tw-border-opacity))
395
- }
396
-
397
- .dark\:bg-slate-700:is(.dark *) {
398
- --tw-bg-opacity: 1;
399
- background-color: rgb(51 65 85 / var(--tw-bg-opacity))
400
- }
401
-
402
- .dark\:bg-slate-800:is(.dark *) {
403
- --tw-bg-opacity: 1;
404
- background-color: rgb(30 41 59 / var(--tw-bg-opacity))
405
- }
406
-
407
- .dark\:text-neutral-400:is(.dark *) {
408
- --tw-text-opacity: 1;
409
- color: rgb(163 163 163 / var(--tw-text-opacity))
410
- }
411
-
412
- .dark\:text-slate-200:is(.dark *) {
413
- --tw-text-opacity: 1;
414
- color: rgb(226 232 240 / var(--tw-text-opacity))
415
- }
416
-
417
- .dark\:text-slate-400:is(.dark *) {
418
- --tw-text-opacity: 1;
419
- color: rgb(148 163 184 / var(--tw-text-opacity))
420
- }
421
-
422
- .dark\:hover\:text-white:hover:is(.dark *) {
423
- --tw-text-opacity: 1;
424
- color: rgb(255 255 255 / var(--tw-text-opacity))
425
- }
1
+ .visible{visibility:visible}.invisible{visibility:hidden}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-0{bottom:0}.top-0{top:0}.z-10{z-index:10}.mx-16{margin-right:4rem}.ml-16,.mx-16{margin-left:4rem}.mt-4{margin-top:1rem}.block{display:block}.inline{display:inline}.flex{display:flex}.table{display:table}.contents{display:contents}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.w-8{width:2rem}.w-full{width:100%}.\!max-w-none{max-width:none!important}.grow{flex-grow:1}.grow-0{flex-grow:0}.table-auto{table-layout:auto}.border-separate{border-collapse:separate}.border-spacing-2{--tw-border-spacing-x:0.5rem;--tw-border-spacing-y:0.5rem;border-spacing:var(--tw-border-spacing-x) var(--tw-border-spacing-y)}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-stretch{justify-items:stretch}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.gap-x-4{-moz-column-gap:1rem;column-gap:1rem}.gap-y-5{row-gap:1.25rem}.self-stretch{align-self:stretch}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-l-4{border-left-width:4px}.border-accent-600{border-color:var(--accent-600)}.border-slate-300{--tw-border-opacity:1;border-color:rgb(203 213 225/var(--tw-border-opacity))}.bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity))}.bg-cover{background-size:cover}.bg-center{background-position:50%}.bg-no-repeat{background-repeat:no-repeat}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-4{padding:1rem}.px-16{padding-left:4rem;padding-right:4rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem}.pb-2,.py-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pr-5{padding-right:1.25rem}.text-\[32px\]{font-size:32px}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.capitalize{text-transform:capitalize}.text-accent-400{color:var(--accent-400)}.text-neutral-700{--tw-text-opacity:1;color:rgb(64 64 64/var(--tw-text-opacity))}.text-red-700{--tw-text-opacity:1;color:rgb(185 28 28/var(--tw-text-opacity))}.text-slate-500{--tw-text-opacity:1;color:rgb(100 116 139/var(--tw-text-opacity))}.text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity))}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\:text-black:hover{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity))}.dark\:border-slate-600:is(.dark *){--tw-border-opacity:1;border-color:rgb(71 85 105/var(--tw-border-opacity))}.dark\:border-slate-700:is(.dark *){--tw-border-opacity:1;border-color:rgb(51 65 85/var(--tw-border-opacity))}.dark\:bg-slate-700:is(.dark *){--tw-bg-opacity:1;background-color:rgb(51 65 85/var(--tw-bg-opacity))}.dark\:bg-slate-800:is(.dark *){--tw-bg-opacity:1;background-color:rgb(30 41 59/var(--tw-bg-opacity))}.dark\:text-neutral-400:is(.dark *){--tw-text-opacity:1;color:rgb(163 163 163/var(--tw-text-opacity))}.dark\:text-slate-200:is(.dark *){--tw-text-opacity:1;color:rgb(226 232 240/var(--tw-text-opacity))}.dark\:text-slate-400:is(.dark *){--tw-text-opacity:1;color:rgb(148 163 184/var(--tw-text-opacity))}.dark\:hover\:text-white:hover:is(.dark *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}