@everymatrix/blog-articles-grid 1.31.2 → 1.32.4

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 (50) hide show
  1. package/LICENSE +21 -0
  2. package/package.json +4 -3
  3. package/dist/blog-articles-grid/blog-articles-grid.esm.js +0 -1
  4. package/dist/blog-articles-grid/index.esm.js +0 -0
  5. package/dist/blog-articles-grid/p-13642dde.js +0 -1
  6. package/dist/blog-articles-grid/p-7c092ee4.entry.js +0 -1
  7. package/dist/cjs/blog-articles-grid.cjs.js +0 -19
  8. package/dist/cjs/blog-articles-grid_2.cjs.entry.js +0 -673
  9. package/dist/cjs/index-a88a1a42.js +0 -1352
  10. package/dist/cjs/index.cjs.js +0 -2
  11. package/dist/cjs/loader.cjs.js +0 -21
  12. package/dist/collection/collection-manifest.json +0 -19
  13. package/dist/collection/components/blog-articles-grid/blog-articles-grid.css +0 -164
  14. package/dist/collection/components/blog-articles-grid/blog-articles-grid.js +0 -773
  15. package/dist/collection/index.js +0 -1
  16. package/dist/collection/utils/locale.utils.js +0 -40
  17. package/dist/collection/utils/utils.js +0 -59
  18. package/dist/components/blog-articles-grid.d.ts +0 -11
  19. package/dist/components/blog-articles-grid.js +0 -474
  20. package/dist/components/helper-pagination.js +0 -6
  21. package/dist/components/helper-pagination2.js +0 -288
  22. package/dist/components/index.d.ts +0 -26
  23. package/dist/components/index.js +0 -1
  24. package/dist/esm/blog-articles-grid.js +0 -17
  25. package/dist/esm/blog-articles-grid_2.entry.js +0 -668
  26. package/dist/esm/index-3600ba1b.js +0 -1326
  27. package/dist/esm/index.js +0 -1
  28. package/dist/esm/loader.js +0 -17
  29. package/dist/esm/polyfills/core-js.js +0 -11
  30. package/dist/esm/polyfills/css-shim.js +0 -1
  31. package/dist/esm/polyfills/dom.js +0 -79
  32. package/dist/esm/polyfills/es5-html-element.js +0 -1
  33. package/dist/esm/polyfills/index.js +0 -34
  34. package/dist/esm/polyfills/system.js +0 -6
  35. package/dist/index.cjs.js +0 -1
  36. package/dist/index.js +0 -1
  37. package/dist/stencil.config.js +0 -22
  38. package/dist/types/Users/dragos.bodea/Documents/everymatrix-prjs/emfe-widgets/widgets-stencil/packages/blog-articles-grid/.stencil/packages/blog-articles-grid/stencil.config.d.ts +0 -2
  39. package/dist/types/components/blog-articles-grid/blog-articles-grid.d.ts +0 -116
  40. package/dist/types/components.d.ts +0 -198
  41. package/dist/types/index.d.ts +0 -1
  42. package/dist/types/stencil-public-runtime.d.ts +0 -1565
  43. package/dist/types/utils/locale.utils.d.ts +0 -1
  44. package/dist/types/utils/utils.d.ts +0 -4
  45. package/loader/cdn.js +0 -3
  46. package/loader/index.cjs.js +0 -3
  47. package/loader/index.d.ts +0 -12
  48. package/loader/index.es2017.js +0 -3
  49. package/loader/index.js +0 -4
  50. package/loader/package.json +0 -10
@@ -1,2 +0,0 @@
1
- 'use strict';
2
-
@@ -1,21 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-a88a1a42.js');
6
-
7
- /*
8
- Stencil Client Patch Esm v2.15.2 | MIT Licensed | https://stenciljs.com
9
- */
10
- const patchEsm = () => {
11
- return index.promiseResolve();
12
- };
13
-
14
- const defineCustomElements = (win, options) => {
15
- if (typeof window === 'undefined') return Promise.resolve();
16
- return patchEsm().then(() => {
17
- return index.bootstrapLazy([["blog-articles-grid_2.cjs",[[1,"blog-articles-grid",{"cmsEndpoint":[513,"cms-endpoint"],"language":[513],"userRoles":[513,"user-roles"],"cmsEnv":[513,"cms-env"],"clientStyling":[513,"client-styling"],"clientStylingUrl":[513,"client-styling-url"],"showPublishingDate":[516,"show-publishing-date"],"showImage":[516,"show-image"],"showTitle":[516,"show-title"],"showContent":[516,"show-content"],"showButton":[516,"show-button"],"usePostmessage":[516,"use-postmessage"],"postMessageEvent":[513,"post-message-event"],"blogsLimit":[513,"blogs-limit"],"paginationActive":[516,"pagination-active"],"arrowsActive":[516,"arrows-active"],"secondaryArrowsActive":[516,"secondary-arrows-active"],"numberedNavActive":[516,"numbered-nav-active"],"intlDateTimeFormat":[513,"intl-date-time-format"],"page":[513],"paginationBlogList":[32],"currentPage":[32],"hasErrors":[32],"limitStylingAppends":[32],"isLoading":[32],"bannerMatrixReady":[32],"nextPage":[32],"previousPage":[32],"device":[32],"blogData":[32],"totalBlogs":[32]},[[8,"BannerMatrixReady","handleBannerReady"],[0,"hpPageChange","hpPageChange"]]],[1,"helper-pagination",{"nextPage":[1537,"next-page"],"prevPage":[1537,"prev-page"],"offset":[1538],"limit":[1538],"total":[1538],"language":[1537],"clientStyling":[1537,"client-styling"],"clientStylingUrlContent":[1537,"client-styling-url-content"],"arrowsActive":[1540,"arrows-active"],"secondaryArrowsActive":[1540,"secondary-arrows-active"],"numberedNavActive":[1540,"numbered-nav-active"],"offsetInt":[32],"lastPage":[32],"previousPage":[32],"limitInt":[32],"totalInt":[32],"pagesArray":[32],"endInt":[32],"limitStylingAppends":[32]}]]]], options);
18
- });
19
- };
20
-
21
- exports.defineCustomElements = defineCustomElements;
@@ -1,19 +0,0 @@
1
- {
2
- "entries": [
3
- "./components/blog-articles-grid/blog-articles-grid.js"
4
- ],
5
- "compiler": {
6
- "name": "@stencil/core",
7
- "version": "2.15.2",
8
- "typescriptVersion": "4.5.4"
9
- },
10
- "collections": [
11
- {
12
- "name": "@everymatrix/helper-pagination",
13
- "tags": [
14
- "helper-pagination"
15
- ]
16
- }
17
- ],
18
- "bundles": []
19
- }
@@ -1,164 +0,0 @@
1
- :host {
2
- display: block;
3
- }
4
-
5
- .BlogPageContainer {
6
- background: #0A0A17;
7
- padding: 20px;
8
- }
9
-
10
- .GridContainerWrapper {
11
- display: flex;
12
- flex-flow: row wrap;
13
- gap: 20px;
14
- }
15
-
16
- .BlogPage-0 .GridContainer.FeaturedPost:first-child {
17
- width: 100%;
18
- flex-basis: auto;
19
- }
20
-
21
- .GridContainer {
22
- container-type: inline-size;
23
- container-name: article;
24
- border-radius: 15px;
25
- color: #000;
26
- flex: 1 1 550px;
27
- overflow: hidden;
28
- }
29
- .GridContainer .GridWrapper {
30
- display: flex;
31
- flex-direction: row;
32
- height: 280px;
33
- background: var(--emfe-w-color-white, #FFFFFF);
34
- }
35
- .GridContainer .GridSector {
36
- flex-basis: 50%;
37
- position: relative;
38
- }
39
- .GridContainer .GridSector:first-of-type {
40
- height: 280px;
41
- display: flex;
42
- }
43
- .GridContainer .GridSector:last-of-type {
44
- padding: 20px 40px;
45
- display: flex;
46
- flex-direction: column;
47
- }
48
- .GridContainer .VisualContent {
49
- width: 100%;
50
- }
51
- .GridContainer .BlogDate {
52
- position: absolute;
53
- bottom: 0px;
54
- left: 30px;
55
- font-size: 12px;
56
- border-radius: 5px 5px 0 0;
57
- padding: 10px;
58
- width: fit-content;
59
- text-align: center;
60
- color: var(--emfe-w-color-white, #FFFFFF);
61
- background-color: #CD0B5E;
62
- z-index: 1;
63
- }
64
- .GridContainer .BlogTitle {
65
- font-size: 24px;
66
- color: #000;
67
- padding-bottom: 10px;
68
- }
69
- .GridContainer .BlogContent {
70
- display: -webkit-box;
71
- font-size: 14px;
72
- line-height: 1.2em;
73
- -webkit-line-clamp: 6;
74
- color: #000;
75
- -webkit-box-orient: vertical;
76
- box-sizing: border-box;
77
- text-overflow: ellipsis;
78
- overflow: hidden;
79
- }
80
- .GridContainer .BlogLink {
81
- color: #000;
82
- position: absolute;
83
- bottom: 16px;
84
- }
85
- .GridContainer .BlogLink button {
86
- font-size: 14px;
87
- border: none;
88
- padding: 0;
89
- background: none;
90
- color: #D0046C;
91
- cursor: pointer;
92
- }
93
-
94
- @container article (max-width: 550px) {
95
- .GridContainer .GridWrapper {
96
- height: 380px;
97
- flex-direction: column;
98
- }
99
- .GridContainer .GridWrapper .GridSector:first-of-type {
100
- height: 120px;
101
- flex-shrink: 0;
102
- flex-basis: 150px;
103
- }
104
- .GridContainer .GridWrapper .GridSector:last-of-type {
105
- padding: 20px 20px 40px;
106
- }
107
- }
108
- .LoadingImage {
109
- width: 100%;
110
- height: 100%;
111
- background-color: var(--emfe-w-color-gray-100, #E6E6E6);
112
- }
113
-
114
- .LoadingStripe {
115
- border: 1px solid var(--emfe-w-color-white, #FFFFFF);
116
- height: 20%;
117
- background-color: var(--emfe-w-color-gray-100, #E6E6E6);
118
- margin-bottom: 5px;
119
- }
120
-
121
- .LoadingSmallStripe {
122
- width: 40%;
123
- }
124
-
125
- .LoadingMediumStripe {
126
- width: 70%;
127
- }
128
-
129
- .BlogLink.LoadingLongStripe {
130
- position: static;
131
- width: 100%;
132
- }
133
-
134
- .GridContainerWrapper.LoadingGrid .GridSector {
135
- justify-content: space-around;
136
- }
137
-
138
- .GridContainerWrapper.LoadingGrid .LoadingImage, .GridContainerWrapper.LoadingGrid .LoadingStripe {
139
- animation: pulsatingLoader 2s ease-in-out 0s infinite reverse;
140
- -webkit-animation: pulsatingLoader 2s ease-in-out 0s infinite reverse;
141
- }
142
-
143
- @keyframes pulsatingLoader {
144
- 0% {
145
- opacity: 0.5;
146
- }
147
- 50% {
148
- opacity: 1;
149
- }
150
- 100% {
151
- opacity: 0.5;
152
- }
153
- }
154
- @-webkit-keyframes pulsatingLoader {
155
- 0% {
156
- opacity: 0.5;
157
- }
158
- 50% {
159
- opacity: 1;
160
- }
161
- 100% {
162
- opacity: 0.5;
163
- }
164
- }