@thescaffold/ngx-apps-blog 0.2.21 → 0.2.31

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 (61) hide show
  1. package/fesm2022/thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs +128 -0
  2. package/fesm2022/thescaffold-ngx-apps-blog-article.module-Dw4mmJ0O.mjs.map +1 -0
  3. package/fesm2022/thescaffold-ngx-apps-blog-docs.module-DKKKNEI-.mjs +484 -0
  4. package/fesm2022/thescaffold-ngx-apps-blog-docs.module-DKKKNEI-.mjs.map +1 -0
  5. package/fesm2022/{thescaffold-ngx-apps-blog-error.module-BzAoFNog.mjs → thescaffold-ngx-apps-blog-error.module-Ck2ZPspy.mjs} +9 -9
  6. package/fesm2022/thescaffold-ngx-apps-blog-error.module-Ck2ZPspy.mjs.map +1 -0
  7. package/fesm2022/thescaffold-ngx-apps-blog-home.module-LXerbHw9.mjs +1028 -0
  8. package/fesm2022/thescaffold-ngx-apps-blog-home.module-LXerbHw9.mjs.map +1 -0
  9. package/fesm2022/thescaffold-ngx-apps-blog.mjs +22 -22
  10. package/fesm2022/thescaffold-ngx-apps-blog.mjs.map +1 -1
  11. package/package.json +77 -27
  12. package/types/thescaffold-ngx-apps-blog.d.ts +33 -0
  13. package/esm2022/lib/app.module.mjs +0 -17
  14. package/esm2022/lib/index.mjs +0 -6
  15. package/esm2022/lib/pages/article/article.component.mjs +0 -82
  16. package/esm2022/lib/pages/article/article.module.mjs +0 -35
  17. package/esm2022/lib/pages/docs/docs.component.mjs +0 -386
  18. package/esm2022/lib/pages/docs/docs.module.mjs +0 -47
  19. package/esm2022/lib/pages/error/error.component.mjs +0 -75
  20. package/esm2022/lib/pages/error/error.module.mjs +0 -26
  21. package/esm2022/lib/pages/home/home.component.mjs +0 -49
  22. package/esm2022/lib/pages/home/home.module.mjs +0 -36
  23. package/esm2022/lib/pages/pages.component.mjs +0 -60
  24. package/esm2022/lib/pages/pages.module.mjs +0 -95
  25. package/esm2022/lib/pkg/cards/card/card.component.mjs +0 -763
  26. package/esm2022/lib/pkg/cards/card/index.mjs +0 -3
  27. package/esm2022/lib/pkg/cards/cards.component.mjs +0 -27
  28. package/esm2022/lib/pkg/cards/cards.module.mjs +0 -21
  29. package/esm2022/lib/pkg/cards/cards.utils.mjs +0 -2
  30. package/esm2022/lib/pkg/cards/index.mjs +0 -4
  31. package/esm2022/lib/pkg/index.mjs +0 -2
  32. package/esm2022/public-api.mjs +0 -5
  33. package/esm2022/thescaffold-ngx-apps-blog.mjs +0 -5
  34. package/fesm2022/thescaffold-ngx-apps-blog-article.module-BnLR8e24.mjs +0 -114
  35. package/fesm2022/thescaffold-ngx-apps-blog-article.module-BnLR8e24.mjs.map +0 -1
  36. package/fesm2022/thescaffold-ngx-apps-blog-docs.module-DRQ-g0-1.mjs +0 -430
  37. package/fesm2022/thescaffold-ngx-apps-blog-docs.module-DRQ-g0-1.mjs.map +0 -1
  38. package/fesm2022/thescaffold-ngx-apps-blog-error.module-BzAoFNog.mjs.map +0 -1
  39. package/fesm2022/thescaffold-ngx-apps-blog-home.module-CG11DLKD.mjs +0 -876
  40. package/fesm2022/thescaffold-ngx-apps-blog-home.module-CG11DLKD.mjs.map +0 -1
  41. package/index.d.ts +0 -5
  42. package/lib/app.module.d.ts +0 -8
  43. package/lib/index.d.ts +0 -5
  44. package/lib/pages/article/article.component.d.ts +0 -11
  45. package/lib/pages/article/article.module.d.ts +0 -10
  46. package/lib/pages/docs/docs.component.d.ts +0 -17
  47. package/lib/pages/docs/docs.module.d.ts +0 -10
  48. package/lib/pages/error/error.component.d.ts +0 -11
  49. package/lib/pages/error/error.module.d.ts +0 -10
  50. package/lib/pages/home/home.component.d.ts +0 -7
  51. package/lib/pages/home/home.module.d.ts +0 -11
  52. package/lib/pages/pages.component.d.ts +0 -9
  53. package/lib/pages/pages.module.d.ts +0 -11
  54. package/lib/pkg/cards/card/card.component.d.ts +0 -9
  55. package/lib/pkg/cards/card/index.d.ts +0 -2
  56. package/lib/pkg/cards/cards.component.d.ts +0 -7
  57. package/lib/pkg/cards/cards.module.d.ts +0 -10
  58. package/lib/pkg/cards/cards.utils.d.ts +0 -29
  59. package/lib/pkg/cards/index.d.ts +0 -3
  60. package/lib/pkg/index.d.ts +0 -1
  61. package/public-api.d.ts +0 -1
@@ -1,876 +0,0 @@
1
- import * as i0 from '@angular/core';
2
- import { Component, ChangeDetectionStrategy, Input, NgModule } from '@angular/core';
3
- import * as i1$1 from '@angular/router';
4
- import { RouterModule } from '@angular/router';
5
- import * as i4 from '@thescaffold/ngx-core';
6
- import { isUrl, SharedModule, CommonActionType } from '@thescaffold/ngx-core';
7
- import * as i2 from '@thescaffold/ngx-ui';
8
- import { ElementsModule, FormModule, LayoutsModule, WebgetsModule } from '@thescaffold/ngx-ui';
9
- import * as i1 from '@angular/common';
10
-
11
- class CardComponent {
12
- constructor() {
13
- this.isUrl = isUrl;
14
- }
15
- combinedStyle(...styles) {
16
- return styles.filter((style) => !!style).join(';');
17
- }
18
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CardComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
19
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: CardComponent, selector: "x-card", inputs: { data: "data" }, ngImport: i0, template: `
20
- <ng-container *ngIf="data">
21
- <div
22
- [ngClass]="[
23
- data.class ?? '',
24
- data.align ?? '',
25
- data.bgClass ?? '',
26
- data.fgClass ?? '',
27
- ]"
28
- [style]="
29
- combinedStyle(
30
- data.style ?? '',
31
- data.bgStyle ?? '',
32
- data.fgStyle ?? ''
33
- )
34
- "
35
- [ngStyle]="
36
- data.bgImage
37
- ? {
38
- 'background-image': 'url(' + data.bgImage + ')',
39
- 'background-size': data.bgSize ?? '50%',
40
- 'background-repeat': data.bgRepeat ?? 'no-repeat',
41
- 'background-position': data.bgPosition ?? 'right top',
42
- }
43
- : {}
44
- "
45
- >
46
- <!-- header -->
47
- <div
48
- *ngIf="
49
- data.icon ||
50
- data.title ||
51
- data.desc ||
52
- data.links?.length ||
53
- data.fgImage
54
- "
55
- class="row"
56
- >
57
- <div [ngClass]="data.fgImage ? 'col-6' : 'col-12'">
58
- <h1
59
- *ngIf="data.icon || data.title"
60
- [ngClass]="[data.titleClass ?? 'display-1 fw-bold']"
61
- >
62
- <img
63
- *ngIf="data.icon && isUrl(data.icon)"
64
- [src]="data.icon"
65
- height="27"
66
- width="27"
67
- />
68
- <i
69
- *ngIf="data.icon && !isUrl(data.icon)"
70
- class="fa-2x"
71
- [ngClass]="data.icon"
72
- ></i>
73
- <span *ngIf="data.title" class="">{{ data.title }}</span>
74
- </h1>
75
- <h6 *ngIf="data.desc" class="display-6">{{ data.desc }}</h6>
76
- <ul
77
- *ngIf="data.links?.length"
78
- class="nav my-3"
79
- [ngClass]="data.align ?? ''"
80
- >
81
- <li
82
- *ngFor="let link of data.links"
83
- class="nav-item"
84
- [ngClass]="link.class ?? ''"
85
- [style]="link.style ?? ''"
86
- >
87
- <x-element-link
88
- [data]="link | xPrepend: { class: 'btn btn-primary px-5' }"
89
- ></x-element-link>
90
- </li>
91
- </ul>
92
- </div>
93
-
94
- <div
95
- *ngIf="data.fgImage"
96
- class="d-none d-sm-flex d-md-flex col-6"
97
- [ngClass]="[data.fgClass ?? '']"
98
- [style]="data.fgStyle ?? ''"
99
- >
100
- <img [src]="data.fgImage" height="200" width="auto" />
101
- </div>
102
- </div>
103
-
104
- <!-- search -->
105
- <div *ngIf="data.placeholder" class="row col-12 col-sm-9 col-6 mx-auto">
106
- <div class="input-group input-group-lg">
107
- <input
108
- type="text"
109
- class="form-control"
110
- [placeholder]="data.placeholder"
111
- />
112
- </div>
113
- </div>
114
-
115
- <!-- list -->
116
- <div
117
- *ngIf="data.list?.length"
118
- class="row py-5 justify-content-center w-100"
119
- >
120
- <dl class="col-12">
121
- <div
122
- *ngFor="let item of data.list"
123
- [ngClass]="item.class ?? ''"
124
- [style]="item.style ?? ''"
125
- >
126
- <dt *ngIf="data.title" class="">{{ data.title }}</dt>
127
- <dd *ngIf="data.desc" class="">{{ data.desc }}</dd>
128
- </div>
129
- </dl>
130
- </div>
131
-
132
- <!-- grids -->
133
- <div
134
- *ngIf="data.grids?.length"
135
- class="row row-cols-1 row-cols-sm-2 row-cols-md-3"
136
- [ngClass]="data.align ?? ''"
137
- >
138
- <div
139
- *ngFor="let item of data.grids"
140
- class="col"
141
- [ngClass]="item.class ?? ''"
142
- [style]="item.style ?? ''"
143
- >
144
- <div class="card">
145
- <img
146
- *ngIf="item.icon && isUrl(item.icon)"
147
- [src]="item.icon"
148
- width="72"
149
- height="72"
150
- />
151
- <i
152
- *ngIf="item.icon && !isUrl(item.icon)"
153
- [ngClass]="item.icon"
154
- class="fa-2x"
155
- ></i>
156
- <div class="card-body">
157
- <h5 *ngIf="item?.title" class="card-title">{{ item.title }}</h5>
158
- <p *ngIf="item?.desc" class="card-text">{{ item.desc }}</p>
159
- </div>
160
- <ul
161
- *ngIf="item?.links?.length"
162
- class="list-group list-group-flush"
163
- >
164
- <li
165
- *ngFor="let link of item?.links"
166
- class="list-group-item"
167
- [ngClass]="link.class ?? ''"
168
- [style]="link.style ?? ''"
169
- >
170
- <x-element-link
171
- [data]="
172
- link
173
- | xPrepend: { class: 'card-link text-decoration-none' }
174
- "
175
- ></x-element-link>
176
- </li>
177
- </ul>
178
- </div>
179
- </div>
180
- </div>
181
-
182
- <!-- media -->
183
- <div
184
- *ngIf="data?.media?.length"
185
- class="d-flex flex-column justify-content-center"
186
- [ngClass]="data.align ?? ''"
187
- >
188
- <div class="card w-100 border-0">
189
- <ul class="list-group list-group-flush">
190
- <li
191
- *ngFor="let item of data?.media; first as f; last as l"
192
- class="list-group-item border-0 p-0 mx-0 my-3"
193
- [ngClass]="{ 'pb-5': f, 'pt-5': l, 'py-5': !f && !l }"
194
- [ngClass]="item.class ?? ''"
195
- [style]="item.style ?? ''"
196
- >
197
- <div class="d-flex">
198
- <div class="flex-shrink-0">
199
- <img
200
- *ngIf="item.icon && isUrl(item.icon)"
201
- [src]="item.icon"
202
- width="72"
203
- height="72"
204
- />
205
- <i
206
- *ngIf="item.icon && !isUrl(item.icon)"
207
- [ngClass]="item.icon"
208
- class="fa-2x"
209
- ></i>
210
- </div>
211
- <div class="flex-grow-1 ms-3">
212
- <h5 *ngIf="item?.title" class="p-0 m-0">
213
- {{ item.title }}
214
- </h5>
215
- <p *ngIf="item?.desc" class="p-0 m-0">
216
- {{ item.desc }}
217
- </p>
218
- <ul *ngIf="item?.links?.length" class="nav">
219
- <li
220
- *ngFor="let link of item.links"
221
- class="nav-item"
222
- [ngClass]="link.class ?? ''"
223
- [style]="link.style ?? ''"
224
- >
225
- <x-element-link
226
- [data]="
227
- link
228
- | xPrepend
229
- : {
230
- class:
231
- 'btn btn-primary btn-link text-decoration-none p-0 m-0',
232
- }
233
- "
234
- ></x-element-link>
235
- </li>
236
- </ul>
237
- </div>
238
- </div>
239
- </li>
240
- </ul>
241
- </div>
242
- </div>
243
-
244
- <!-- cards -->
245
- <div
246
- *ngIf="data.cards?.length"
247
- class="row my-3 row-cols-1 row-cols-sm-2 row-cols-md-3"
248
- [ngClass]="data.align ?? ''"
249
- >
250
- <div
251
- *ngFor="let item of data.cards"
252
- class="col"
253
- [ngClass]="item.class ?? ''"
254
- [style]="item.style ?? ''"
255
- >
256
- <div
257
- class="card card-body text-bg-light"
258
- [ngClass]="data.bgClass ?? ''"
259
- [style]="data.bgStyle ?? ''"
260
- >
261
- <div class="text-start">
262
- <img
263
- *ngIf="item.icon && isUrl(item.icon)"
264
- [src]="item.icon"
265
- class=""
266
- width="72"
267
- height="72"
268
- />
269
- <i
270
- *ngIf="item.icon && !isUrl(item.icon)"
271
- [ngClass]="item.icon"
272
- class="fa-2x"
273
- ></i>
274
- </div>
275
- <h3 *ngIf="item?.title">
276
- {{ item.title }}
277
- </h3>
278
- <p *ngIf="item?.desc">
279
- {{ item.desc }}
280
- </p>
281
- <div *ngIf="item?.links?.length">
282
- <div
283
- *ngFor="let link of item?.links"
284
- [ngClass]="link.class ?? ''"
285
- [style]="link.style ?? ''"
286
- >
287
- <x-element-link
288
- [data]="
289
- link | xPrepend: { class: 'btn btn-primary btn-link' }
290
- "
291
- ></x-element-link>
292
- </div>
293
- </div>
294
- </div>
295
- </div>
296
- </div>
297
-
298
- <!-- doubles -->
299
- <div
300
- *ngIf="data.doubles?.length"
301
- class="row"
302
- [ngClass]="data.align ?? ''"
303
- >
304
- <div
305
- *ngFor="let item of data.doubles; even as e"
306
- class="d-flex justify-content-between"
307
- [ngClass]="item.class ?? ''"
308
- [style]="item.style ?? ''"
309
- >
310
- <div class="" [ngClass]="{ 'order-first': e, 'order-last': !e }">
311
- <h3 *ngIf="item?.title">
312
- {{ item.title }}
313
- </h3>
314
- <p *ngIf="item?.desc" class="text-start py-3">{{ item.desc }}</p>
315
- <div *ngIf="item?.links?.length" class="">
316
- <div
317
- *ngFor="let link of item?.links"
318
- [ngClass]="link.class ?? ''"
319
- [style]="link.style ?? ''"
320
- >
321
- <x-element-link
322
- [data]="
323
- link
324
- | xPrepend
325
- : {
326
- class:
327
- 'btn btn-primary btn-link d-flex flex-column-reverse',
328
- }
329
- "
330
- ></x-element-link>
331
- </div>
332
- </div>
333
- </div>
334
- <div class="" [ngClass]="{ 'order-first': !e, 'order-last': e }">
335
- <div class="text-start">
336
- <i *ngIf="item?.icon" class="fa-5x" [ngClass]="item.icon"></i>
337
- </div>
338
- </div>
339
- </div>
340
- </div>
341
-
342
- <!-- image clouds -->
343
- <div
344
- *ngIf="data.cloud?.length"
345
- class="row py-5 justify-content-center w-100"
346
- >
347
- <div
348
- *ngFor="let item of data.cloud; even as e"
349
- class="d-flex justify-content-between"
350
- [ngClass]="item.class ?? ''"
351
- [style]="item.style ?? ''"
352
- >
353
- <div class="">
354
- <img
355
- *ngIf="item.icon && isUrl(item.icon)"
356
- [src]="item.icon"
357
- class=""
358
- width="72"
359
- height="72"
360
- />
361
- <i
362
- *ngIf="item.icon && !isUrl(item.icon)"
363
- [ngClass]="item.icon"
364
- class="fa-2x"
365
- ></i>
366
- </div>
367
- </div>
368
- </div>
369
-
370
- <!-- lines -->
371
- <div *ngIf="data?.lines?.length" class="row col-12 container">
372
- <div
373
- *ngFor="let item of data?.lines"
374
- class="pt-3 px-0 border-bottom"
375
- [ngClass]="item.class ?? ''"
376
- [style]="item.style ?? ''"
377
- >
378
- <h5 *ngIf="item.title" class="text-start">
379
- <span *ngIf="!item.url">{{ item.title }}</span>
380
- <x-element-link
381
- *ngIf="item.url"
382
- [data]="item | xPrepend: { class: 'btn btn-link p-0' }"
383
- ></x-element-link>
384
- </h5>
385
- </div>
386
- </div>
387
- </div>
388
- </ng-container>
389
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.LinkComponent, selector: "x-element-link", inputs: ["data"] }, { kind: "pipe", type: i4.PrependPipe, name: "xPrepend" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
390
- }
391
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CardComponent, decorators: [{
392
- type: Component,
393
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'x-card', template: `
394
- <ng-container *ngIf="data">
395
- <div
396
- [ngClass]="[
397
- data.class ?? '',
398
- data.align ?? '',
399
- data.bgClass ?? '',
400
- data.fgClass ?? '',
401
- ]"
402
- [style]="
403
- combinedStyle(
404
- data.style ?? '',
405
- data.bgStyle ?? '',
406
- data.fgStyle ?? ''
407
- )
408
- "
409
- [ngStyle]="
410
- data.bgImage
411
- ? {
412
- 'background-image': 'url(' + data.bgImage + ')',
413
- 'background-size': data.bgSize ?? '50%',
414
- 'background-repeat': data.bgRepeat ?? 'no-repeat',
415
- 'background-position': data.bgPosition ?? 'right top',
416
- }
417
- : {}
418
- "
419
- >
420
- <!-- header -->
421
- <div
422
- *ngIf="
423
- data.icon ||
424
- data.title ||
425
- data.desc ||
426
- data.links?.length ||
427
- data.fgImage
428
- "
429
- class="row"
430
- >
431
- <div [ngClass]="data.fgImage ? 'col-6' : 'col-12'">
432
- <h1
433
- *ngIf="data.icon || data.title"
434
- [ngClass]="[data.titleClass ?? 'display-1 fw-bold']"
435
- >
436
- <img
437
- *ngIf="data.icon && isUrl(data.icon)"
438
- [src]="data.icon"
439
- height="27"
440
- width="27"
441
- />
442
- <i
443
- *ngIf="data.icon && !isUrl(data.icon)"
444
- class="fa-2x"
445
- [ngClass]="data.icon"
446
- ></i>
447
- <span *ngIf="data.title" class="">{{ data.title }}</span>
448
- </h1>
449
- <h6 *ngIf="data.desc" class="display-6">{{ data.desc }}</h6>
450
- <ul
451
- *ngIf="data.links?.length"
452
- class="nav my-3"
453
- [ngClass]="data.align ?? ''"
454
- >
455
- <li
456
- *ngFor="let link of data.links"
457
- class="nav-item"
458
- [ngClass]="link.class ?? ''"
459
- [style]="link.style ?? ''"
460
- >
461
- <x-element-link
462
- [data]="link | xPrepend: { class: 'btn btn-primary px-5' }"
463
- ></x-element-link>
464
- </li>
465
- </ul>
466
- </div>
467
-
468
- <div
469
- *ngIf="data.fgImage"
470
- class="d-none d-sm-flex d-md-flex col-6"
471
- [ngClass]="[data.fgClass ?? '']"
472
- [style]="data.fgStyle ?? ''"
473
- >
474
- <img [src]="data.fgImage" height="200" width="auto" />
475
- </div>
476
- </div>
477
-
478
- <!-- search -->
479
- <div *ngIf="data.placeholder" class="row col-12 col-sm-9 col-6 mx-auto">
480
- <div class="input-group input-group-lg">
481
- <input
482
- type="text"
483
- class="form-control"
484
- [placeholder]="data.placeholder"
485
- />
486
- </div>
487
- </div>
488
-
489
- <!-- list -->
490
- <div
491
- *ngIf="data.list?.length"
492
- class="row py-5 justify-content-center w-100"
493
- >
494
- <dl class="col-12">
495
- <div
496
- *ngFor="let item of data.list"
497
- [ngClass]="item.class ?? ''"
498
- [style]="item.style ?? ''"
499
- >
500
- <dt *ngIf="data.title" class="">{{ data.title }}</dt>
501
- <dd *ngIf="data.desc" class="">{{ data.desc }}</dd>
502
- </div>
503
- </dl>
504
- </div>
505
-
506
- <!-- grids -->
507
- <div
508
- *ngIf="data.grids?.length"
509
- class="row row-cols-1 row-cols-sm-2 row-cols-md-3"
510
- [ngClass]="data.align ?? ''"
511
- >
512
- <div
513
- *ngFor="let item of data.grids"
514
- class="col"
515
- [ngClass]="item.class ?? ''"
516
- [style]="item.style ?? ''"
517
- >
518
- <div class="card">
519
- <img
520
- *ngIf="item.icon && isUrl(item.icon)"
521
- [src]="item.icon"
522
- width="72"
523
- height="72"
524
- />
525
- <i
526
- *ngIf="item.icon && !isUrl(item.icon)"
527
- [ngClass]="item.icon"
528
- class="fa-2x"
529
- ></i>
530
- <div class="card-body">
531
- <h5 *ngIf="item?.title" class="card-title">{{ item.title }}</h5>
532
- <p *ngIf="item?.desc" class="card-text">{{ item.desc }}</p>
533
- </div>
534
- <ul
535
- *ngIf="item?.links?.length"
536
- class="list-group list-group-flush"
537
- >
538
- <li
539
- *ngFor="let link of item?.links"
540
- class="list-group-item"
541
- [ngClass]="link.class ?? ''"
542
- [style]="link.style ?? ''"
543
- >
544
- <x-element-link
545
- [data]="
546
- link
547
- | xPrepend: { class: 'card-link text-decoration-none' }
548
- "
549
- ></x-element-link>
550
- </li>
551
- </ul>
552
- </div>
553
- </div>
554
- </div>
555
-
556
- <!-- media -->
557
- <div
558
- *ngIf="data?.media?.length"
559
- class="d-flex flex-column justify-content-center"
560
- [ngClass]="data.align ?? ''"
561
- >
562
- <div class="card w-100 border-0">
563
- <ul class="list-group list-group-flush">
564
- <li
565
- *ngFor="let item of data?.media; first as f; last as l"
566
- class="list-group-item border-0 p-0 mx-0 my-3"
567
- [ngClass]="{ 'pb-5': f, 'pt-5': l, 'py-5': !f && !l }"
568
- [ngClass]="item.class ?? ''"
569
- [style]="item.style ?? ''"
570
- >
571
- <div class="d-flex">
572
- <div class="flex-shrink-0">
573
- <img
574
- *ngIf="item.icon && isUrl(item.icon)"
575
- [src]="item.icon"
576
- width="72"
577
- height="72"
578
- />
579
- <i
580
- *ngIf="item.icon && !isUrl(item.icon)"
581
- [ngClass]="item.icon"
582
- class="fa-2x"
583
- ></i>
584
- </div>
585
- <div class="flex-grow-1 ms-3">
586
- <h5 *ngIf="item?.title" class="p-0 m-0">
587
- {{ item.title }}
588
- </h5>
589
- <p *ngIf="item?.desc" class="p-0 m-0">
590
- {{ item.desc }}
591
- </p>
592
- <ul *ngIf="item?.links?.length" class="nav">
593
- <li
594
- *ngFor="let link of item.links"
595
- class="nav-item"
596
- [ngClass]="link.class ?? ''"
597
- [style]="link.style ?? ''"
598
- >
599
- <x-element-link
600
- [data]="
601
- link
602
- | xPrepend
603
- : {
604
- class:
605
- 'btn btn-primary btn-link text-decoration-none p-0 m-0',
606
- }
607
- "
608
- ></x-element-link>
609
- </li>
610
- </ul>
611
- </div>
612
- </div>
613
- </li>
614
- </ul>
615
- </div>
616
- </div>
617
-
618
- <!-- cards -->
619
- <div
620
- *ngIf="data.cards?.length"
621
- class="row my-3 row-cols-1 row-cols-sm-2 row-cols-md-3"
622
- [ngClass]="data.align ?? ''"
623
- >
624
- <div
625
- *ngFor="let item of data.cards"
626
- class="col"
627
- [ngClass]="item.class ?? ''"
628
- [style]="item.style ?? ''"
629
- >
630
- <div
631
- class="card card-body text-bg-light"
632
- [ngClass]="data.bgClass ?? ''"
633
- [style]="data.bgStyle ?? ''"
634
- >
635
- <div class="text-start">
636
- <img
637
- *ngIf="item.icon && isUrl(item.icon)"
638
- [src]="item.icon"
639
- class=""
640
- width="72"
641
- height="72"
642
- />
643
- <i
644
- *ngIf="item.icon && !isUrl(item.icon)"
645
- [ngClass]="item.icon"
646
- class="fa-2x"
647
- ></i>
648
- </div>
649
- <h3 *ngIf="item?.title">
650
- {{ item.title }}
651
- </h3>
652
- <p *ngIf="item?.desc">
653
- {{ item.desc }}
654
- </p>
655
- <div *ngIf="item?.links?.length">
656
- <div
657
- *ngFor="let link of item?.links"
658
- [ngClass]="link.class ?? ''"
659
- [style]="link.style ?? ''"
660
- >
661
- <x-element-link
662
- [data]="
663
- link | xPrepend: { class: 'btn btn-primary btn-link' }
664
- "
665
- ></x-element-link>
666
- </div>
667
- </div>
668
- </div>
669
- </div>
670
- </div>
671
-
672
- <!-- doubles -->
673
- <div
674
- *ngIf="data.doubles?.length"
675
- class="row"
676
- [ngClass]="data.align ?? ''"
677
- >
678
- <div
679
- *ngFor="let item of data.doubles; even as e"
680
- class="d-flex justify-content-between"
681
- [ngClass]="item.class ?? ''"
682
- [style]="item.style ?? ''"
683
- >
684
- <div class="" [ngClass]="{ 'order-first': e, 'order-last': !e }">
685
- <h3 *ngIf="item?.title">
686
- {{ item.title }}
687
- </h3>
688
- <p *ngIf="item?.desc" class="text-start py-3">{{ item.desc }}</p>
689
- <div *ngIf="item?.links?.length" class="">
690
- <div
691
- *ngFor="let link of item?.links"
692
- [ngClass]="link.class ?? ''"
693
- [style]="link.style ?? ''"
694
- >
695
- <x-element-link
696
- [data]="
697
- link
698
- | xPrepend
699
- : {
700
- class:
701
- 'btn btn-primary btn-link d-flex flex-column-reverse',
702
- }
703
- "
704
- ></x-element-link>
705
- </div>
706
- </div>
707
- </div>
708
- <div class="" [ngClass]="{ 'order-first': !e, 'order-last': e }">
709
- <div class="text-start">
710
- <i *ngIf="item?.icon" class="fa-5x" [ngClass]="item.icon"></i>
711
- </div>
712
- </div>
713
- </div>
714
- </div>
715
-
716
- <!-- image clouds -->
717
- <div
718
- *ngIf="data.cloud?.length"
719
- class="row py-5 justify-content-center w-100"
720
- >
721
- <div
722
- *ngFor="let item of data.cloud; even as e"
723
- class="d-flex justify-content-between"
724
- [ngClass]="item.class ?? ''"
725
- [style]="item.style ?? ''"
726
- >
727
- <div class="">
728
- <img
729
- *ngIf="item.icon && isUrl(item.icon)"
730
- [src]="item.icon"
731
- class=""
732
- width="72"
733
- height="72"
734
- />
735
- <i
736
- *ngIf="item.icon && !isUrl(item.icon)"
737
- [ngClass]="item.icon"
738
- class="fa-2x"
739
- ></i>
740
- </div>
741
- </div>
742
- </div>
743
-
744
- <!-- lines -->
745
- <div *ngIf="data?.lines?.length" class="row col-12 container">
746
- <div
747
- *ngFor="let item of data?.lines"
748
- class="pt-3 px-0 border-bottom"
749
- [ngClass]="item.class ?? ''"
750
- [style]="item.style ?? ''"
751
- >
752
- <h5 *ngIf="item.title" class="text-start">
753
- <span *ngIf="!item.url">{{ item.title }}</span>
754
- <x-element-link
755
- *ngIf="item.url"
756
- [data]="item | xPrepend: { class: 'btn btn-link p-0' }"
757
- ></x-element-link>
758
- </h5>
759
- </div>
760
- </div>
761
- </div>
762
- </ng-container>
763
- ` }]
764
- }], propDecorators: { data: [{
765
- type: Input
766
- }] } });
767
-
768
- class CardsComponent {
769
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CardsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
770
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: CardsComponent, selector: "x-cards", inputs: { data: "data" }, ngImport: i0, template: `
771
- <ng-container *ngIf="data?.length">
772
- <ng-container *ngFor="let card of data">
773
- <x-card [data]="card"></x-card>
774
- </ng-container>
775
- </ng-container>
776
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: CardComponent, selector: "x-card", inputs: ["data"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
777
- }
778
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CardsComponent, decorators: [{
779
- type: Component,
780
- args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'x-cards', template: `
781
- <ng-container *ngIf="data?.length">
782
- <ng-container *ngFor="let card of data">
783
- <x-card [data]="card"></x-card>
784
- </ng-container>
785
- </ng-container>
786
- ` }]
787
- }], propDecorators: { data: [{
788
- type: Input
789
- }] } });
790
-
791
- class CardsModule {
792
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CardsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
793
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: CardsModule, declarations: [CardsComponent, CardComponent], imports: [SharedModule, i2.FormModule, ElementsModule], exports: [CardsComponent, CardComponent] }); }
794
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CardsModule, imports: [SharedModule, FormModule.forChild(), ElementsModule] }); }
795
- }
796
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: CardsModule, decorators: [{
797
- type: NgModule,
798
- args: [{
799
- declarations: [CardsComponent, CardComponent],
800
- exports: [CardsComponent, CardComponent],
801
- imports: [SharedModule, FormModule.forChild(), ElementsModule],
802
- }]
803
- }] });
804
-
805
- class HomeComponent {
806
- constructor() {
807
- this.appDataSelector = CommonActionType.APP_CONFIG;
808
- }
809
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: HomeComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
810
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.5", type: HomeComponent, selector: "x-home", ngImport: i0, template: `
811
- <x-cards
812
- *ngIf="appDataSelector | xSelect | async as appData; else loader"
813
- [data]="appData.cards"
814
- >
815
- </x-cards>
816
-
817
- <!-- misc -->
818
- <ng-template #loader>
819
- <x-element-loader></x-element-loader>
820
- </ng-template>
821
-
822
- <ng-template #empty>
823
- <x-element-blank></x-element-blank>
824
- </ng-template>
825
- `, isInline: true, dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.BlankComponent, selector: "x-element-blank", inputs: ["image", "icon", "type"] }, { kind: "component", type: i2.LoaderComponent, selector: "x-element-loader", inputs: ["data"] }, { kind: "component", type: CardsComponent, selector: "x-cards", inputs: ["data"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.SelectPipe, name: "xSelect" }] }); }
826
- }
827
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: HomeComponent, decorators: [{
828
- type: Component,
829
- args: [{ selector: 'x-home', template: `
830
- <x-cards
831
- *ngIf="appDataSelector | xSelect | async as appData; else loader"
832
- [data]="appData.cards"
833
- >
834
- </x-cards>
835
-
836
- <!-- misc -->
837
- <ng-template #loader>
838
- <x-element-loader></x-element-loader>
839
- </ng-template>
840
-
841
- <ng-template #empty>
842
- <x-element-blank></x-element-blank>
843
- </ng-template>
844
- ` }]
845
- }] });
846
-
847
- class HomeModule {
848
- static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: HomeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
849
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.5", ngImport: i0, type: HomeModule, declarations: [HomeComponent], imports: [SharedModule, i1$1.RouterModule, LayoutsModule,
850
- WebgetsModule,
851
- ElementsModule,
852
- CardsModule] }); }
853
- static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: HomeModule, imports: [SharedModule,
854
- RouterModule.forChild([{ path: '', component: HomeComponent }]),
855
- LayoutsModule,
856
- WebgetsModule,
857
- ElementsModule,
858
- CardsModule] }); }
859
- }
860
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.5", ngImport: i0, type: HomeModule, decorators: [{
861
- type: NgModule,
862
- args: [{
863
- declarations: [HomeComponent],
864
- imports: [
865
- SharedModule,
866
- RouterModule.forChild([{ path: '', component: HomeComponent }]),
867
- LayoutsModule,
868
- WebgetsModule,
869
- ElementsModule,
870
- CardsModule,
871
- ],
872
- }]
873
- }] });
874
-
875
- export { HomeModule };
876
- //# sourceMappingURL=thescaffold-ngx-apps-blog-home.module-CG11DLKD.mjs.map