luna-one 3.1.472 → 3.1.473
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.
- package/dist/application/components/FooterHandler/FooterHandler.js +4 -2
- package/dist/luna/components/BlockListItems/BlockListItems.scss +12 -0
- package/dist/luna/components/ImageGallery/ImageGalleryMethods.js +3 -2
- package/dist/luna/components/MegaMenu/MegaMenu.scss +5 -4
- package/dist/luna/components/Tabs/Tabs.scss +1 -0
- package/dist/luna/other-organisms/Carousel/Carousel.scss +3 -0
- package/dist/luna/other-organisms/Footer/Footer.scss +1 -0
- package/dist/luna/other-organisms/Footer/SectorFooter.js +2 -1
- package/dist/luna/other-organisms/SubNav/SubNav.scss +5 -0
- package/package.json +1 -1
|
@@ -12,7 +12,8 @@ var _react = _interopRequireDefault(require("react"));
|
|
|
12
12
|
var _Footer = _interopRequireDefault(require("../../../luna/other-organisms/Footer/Footer"));
|
|
13
13
|
|
|
14
14
|
var FooterHandler = function FooterHandler(_ref) {
|
|
15
|
-
var data = _ref.data
|
|
15
|
+
var data = _ref.data,
|
|
16
|
+
Link = _ref.Link;
|
|
16
17
|
return /*#__PURE__*/_react["default"].createElement(_Footer["default"], {
|
|
17
18
|
calloutLinks: data.calloutLinks,
|
|
18
19
|
sectorFooterLinks: data.sectorFooterLinks,
|
|
@@ -20,7 +21,8 @@ var FooterHandler = function FooterHandler(_ref) {
|
|
|
20
21
|
socialLinks: data.socialLinks,
|
|
21
22
|
logo: data.logo,
|
|
22
23
|
globalFooterText: data.globalFooterText,
|
|
23
|
-
legalStuff: data.legalStuff
|
|
24
|
+
legalStuff: data.legalStuff,
|
|
25
|
+
Link: Link
|
|
24
26
|
});
|
|
25
27
|
};
|
|
26
28
|
|
|
@@ -35,11 +35,18 @@
|
|
|
35
35
|
max-width: 100%;
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
|
+
// workaround for DOM event bubbling on dataLayer tracked links
|
|
39
|
+
.ter-bounded-card__link-text,
|
|
40
|
+
.ter-bounded-card__link-icon {
|
|
41
|
+
pointer-events: none;
|
|
42
|
+
}
|
|
38
43
|
.ter-unbounded-card {
|
|
39
44
|
box-shadow: none;
|
|
40
45
|
}
|
|
41
46
|
}
|
|
42
47
|
|
|
48
|
+
|
|
49
|
+
|
|
43
50
|
.ter-icon-mini-blocks {
|
|
44
51
|
display: grid;
|
|
45
52
|
grid-gap: 12px;
|
|
@@ -240,6 +247,11 @@
|
|
|
240
247
|
}
|
|
241
248
|
}
|
|
242
249
|
}
|
|
250
|
+
// workaround for DOM event bubbling on dataLayer tracked links
|
|
251
|
+
.ter-app-card__link-text,
|
|
252
|
+
.ter-app-card__link-icon {
|
|
253
|
+
pointer-events: none;
|
|
254
|
+
}
|
|
243
255
|
}
|
|
244
256
|
|
|
245
257
|
.nested-content .default-layout .default-layout__children .ter-bounded-cards,
|
|
@@ -206,11 +206,12 @@ var renderThumbnails = function renderThumbnails(content, updateCurrentImage, cu
|
|
|
206
206
|
className: "ter-image-gallery__thumbnail",
|
|
207
207
|
onClick: function onClick() {
|
|
208
208
|
return updateGalleryImage(content, updateCurrentImage, thumbnailWrapper, updateCurrentThumb, index);
|
|
209
|
-
}
|
|
209
|
+
},
|
|
210
|
+
"data-thumb-index": index + 1
|
|
210
211
|
}, /*#__PURE__*/_react["default"].createElement(Image, {
|
|
211
212
|
src: (image === null || image === void 0 ? void 0 : image.url) && (image === null || image === void 0 ? void 0 : image.url) + "?w=90",
|
|
212
213
|
alt: (image === null || image === void 0 ? void 0 : image.alt) && (image === null || image === void 0 ? void 0 : image.alt),
|
|
213
|
-
className: (image
|
|
214
|
+
className: "ter-image-gallery__image ".concat(image !== null && image !== void 0 && image.className ? image === null || image === void 0 ? void 0 : image.className : "")
|
|
214
215
|
})));
|
|
215
216
|
} else {
|
|
216
217
|
return null;
|
|
@@ -231,7 +231,6 @@
|
|
|
231
231
|
-o-transition: 0.2s;
|
|
232
232
|
transition: 0.2s;
|
|
233
233
|
box-shadow: box-shadow(6);
|
|
234
|
-
|
|
235
234
|
&:hover {
|
|
236
235
|
box-shadow: box-shadow(5);
|
|
237
236
|
}
|
|
@@ -265,6 +264,7 @@
|
|
|
265
264
|
margin: 0;
|
|
266
265
|
font-size: $body-font-size;
|
|
267
266
|
color: $trimble-dark-gray;
|
|
267
|
+
pointer-events: auto;
|
|
268
268
|
cursor: pointer;
|
|
269
269
|
position: relative;
|
|
270
270
|
z-index: 2;
|
|
@@ -320,6 +320,7 @@
|
|
|
320
320
|
padding: 10px 8px 10px 20px;
|
|
321
321
|
height: 34px;
|
|
322
322
|
position: relative;
|
|
323
|
+
pointer-events: none;
|
|
323
324
|
}
|
|
324
325
|
|
|
325
326
|
&--text {
|
|
@@ -450,13 +451,14 @@
|
|
|
450
451
|
&__clip {
|
|
451
452
|
clip-path: inset(0px 240px 0px 0px);
|
|
452
453
|
transition: clip-path 0.8s;
|
|
453
|
-
|
|
454
|
+
pointer-events: none;
|
|
454
455
|
&--is-open {
|
|
455
456
|
clip-path: inset(0px 0px 0px 0px);
|
|
456
457
|
}
|
|
457
458
|
}
|
|
458
459
|
|
|
459
460
|
&__link {
|
|
461
|
+
pointer-events: auto;
|
|
460
462
|
display: block;
|
|
461
463
|
font-size: $body-font-size;
|
|
462
464
|
color: $trimble-dark-gray;
|
|
@@ -469,7 +471,6 @@
|
|
|
469
471
|
height: 34px;
|
|
470
472
|
overflow: hidden;
|
|
471
473
|
white-space: nowrap;
|
|
472
|
-
|
|
473
474
|
&--is-open {
|
|
474
475
|
background: $trimble-blue;
|
|
475
476
|
}
|
|
@@ -496,7 +497,7 @@
|
|
|
496
497
|
color: $trimble-dark-gray;
|
|
497
498
|
line-height: 14.4px;
|
|
498
499
|
word-break: break-all;
|
|
499
|
-
|
|
500
|
+
pointer-events: none;
|
|
500
501
|
&--is-open {
|
|
501
502
|
color: $white;
|
|
502
503
|
}
|
|
@@ -41,9 +41,10 @@ var SectorFooter = function SectorFooter(_ref) {
|
|
|
41
41
|
key: index
|
|
42
42
|
}, /*#__PURE__*/_react["default"].createElement(LunaLink, {
|
|
43
43
|
className: "ter-footer__callout callout",
|
|
44
|
-
|
|
44
|
+
to: link === null || link === void 0 ? void 0 : link.url,
|
|
45
45
|
rel: "noopener noreferrer",
|
|
46
46
|
tabIndex: "0",
|
|
47
|
+
Link: Link,
|
|
47
48
|
target: typeof (link === null || link === void 0 ? void 0 : link.external) === 'boolean' ? link !== null && link !== void 0 && link.external ? "_blank" : "_self" : null
|
|
48
49
|
}, link.icon && /*#__PURE__*/_react["default"].createElement("img", {
|
|
49
50
|
src: link === null || link === void 0 ? void 0 : link.icon,
|
|
@@ -111,6 +111,10 @@
|
|
|
111
111
|
cursor: unset;
|
|
112
112
|
}
|
|
113
113
|
}
|
|
114
|
+
& > span,
|
|
115
|
+
& > p {
|
|
116
|
+
pointer-events: none;
|
|
117
|
+
}
|
|
114
118
|
|
|
115
119
|
@media screen and (max-width: $breakpoint-sm) {
|
|
116
120
|
margin: auto 0px;
|
|
@@ -226,6 +230,7 @@
|
|
|
226
230
|
font-size: $body-font-size;
|
|
227
231
|
line-height: 1em;
|
|
228
232
|
margin-bottom: 0;
|
|
233
|
+
pointer-events: none;
|
|
229
234
|
}
|
|
230
235
|
}
|
|
231
236
|
|