@everymatrix/blog-articles-grid 1.34.2 → 1.34.3

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 +1 -1
  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-430e371b.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 -681
  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 -167
  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 -67
  18. package/dist/components/blog-articles-grid.d.ts +0 -11
  19. package/dist/components/blog-articles-grid.js +0 -482
  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 -676
  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,167 +0,0 @@
1
- :host {
2
- display: block;
3
- }
4
-
5
- .BlogPageContainer {
6
- background: #0A0A17;
7
- padding: 20px;
8
- }
9
-
10
- .GridContainerWrapper {
11
- display: grid;
12
- grid-template-columns: 1fr 1fr;
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
- overflow: hidden;
27
- }
28
- .GridContainer.FeaturedPost:first-child {
29
- grid-column: 1/-1;
30
- width: 100%;
31
- }
32
- .GridContainer .GridWrapper {
33
- display: flex;
34
- flex-direction: row;
35
- height: 280px;
36
- background: var(--emfe-w-color-white, #FFFFFF);
37
- }
38
- .GridContainer .GridSector {
39
- flex-basis: 50%;
40
- position: relative;
41
- }
42
- .GridContainer .GridSector:first-of-type {
43
- height: 280px;
44
- display: flex;
45
- }
46
- .GridContainer .GridSector:last-of-type {
47
- padding: 20px 40px;
48
- display: flex;
49
- flex-direction: column;
50
- }
51
- .GridContainer .VisualContent {
52
- width: 100%;
53
- }
54
- .GridContainer .BlogDate {
55
- position: absolute;
56
- bottom: 0px;
57
- left: 30px;
58
- font-size: 12px;
59
- border-radius: 5px 5px 0 0;
60
- padding: 10px;
61
- width: fit-content;
62
- text-align: center;
63
- color: var(--emfe-w-color-white, #FFFFFF);
64
- background-color: #CD0B5E;
65
- z-index: 1;
66
- }
67
- .GridContainer .BlogTitle {
68
- font-size: 24px;
69
- color: #000;
70
- padding-bottom: 10px;
71
- }
72
- .GridContainer .BlogContent {
73
- display: -webkit-box;
74
- font-size: 14px;
75
- line-height: 1.2em;
76
- -webkit-line-clamp: 6;
77
- color: #000;
78
- -webkit-box-orient: vertical;
79
- box-sizing: border-box;
80
- text-overflow: ellipsis;
81
- overflow: hidden;
82
- }
83
- .GridContainer .BlogLink {
84
- color: #000;
85
- position: absolute;
86
- bottom: 16px;
87
- }
88
- .GridContainer .BlogLink button {
89
- font-size: 14px;
90
- border: none;
91
- padding: 0;
92
- background: none;
93
- color: #D0046C;
94
- cursor: pointer;
95
- }
96
-
97
- @container article (max-width: 550px) {
98
- .GridContainer .GridWrapper {
99
- height: 380px;
100
- flex-direction: column;
101
- }
102
- .GridContainer .GridWrapper .GridSector:first-of-type {
103
- height: 120px;
104
- flex-shrink: 0;
105
- flex-basis: 150px;
106
- }
107
- .GridContainer .GridWrapper .GridSector:last-of-type {
108
- padding: 20px 20px 40px;
109
- }
110
- }
111
- .LoadingImage {
112
- width: 100%;
113
- height: 100%;
114
- background-color: var(--emfe-w-color-gray-100, #E6E6E6);
115
- }
116
-
117
- .LoadingStripe {
118
- border: 1px solid var(--emfe-w-color-white, #FFFFFF);
119
- height: 20%;
120
- background-color: var(--emfe-w-color-gray-100, #E6E6E6);
121
- margin-bottom: 5px;
122
- }
123
-
124
- .LoadingSmallStripe {
125
- width: 40%;
126
- }
127
-
128
- .LoadingMediumStripe {
129
- width: 70%;
130
- }
131
-
132
- .BlogLink.LoadingLongStripe {
133
- position: static;
134
- width: 100%;
135
- }
136
-
137
- .GridContainerWrapper.LoadingGrid .GridSector {
138
- justify-content: space-around;
139
- }
140
-
141
- .GridContainerWrapper.LoadingGrid .LoadingImage, .GridContainerWrapper.LoadingGrid .LoadingStripe {
142
- animation: pulsatingLoader 2s ease-in-out 0s infinite reverse;
143
- -webkit-animation: pulsatingLoader 2s ease-in-out 0s infinite reverse;
144
- }
145
-
146
- @keyframes pulsatingLoader {
147
- 0% {
148
- opacity: 0.5;
149
- }
150
- 50% {
151
- opacity: 1;
152
- }
153
- 100% {
154
- opacity: 0.5;
155
- }
156
- }
157
- @-webkit-keyframes pulsatingLoader {
158
- 0% {
159
- opacity: 0.5;
160
- }
161
- 50% {
162
- opacity: 1;
163
- }
164
- 100% {
165
- opacity: 0.5;
166
- }
167
- }