@royaloperahouse/harmonic 0.11.0-q → 0.12.0-a
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/CHANGELOG.md +3 -0
- package/dist/components/atoms/TextField/TextField.style.d.ts +1 -1
- package/dist/components/molecules/CastFilter/CastFilters.d.ts +4 -0
- package/dist/components/molecules/CastFilter/CastFilters.style.d.ts +14 -0
- package/dist/components/molecules/CastFilter/index.d.ts +2 -0
- package/dist/components/molecules/ContentSummary/ContentSummary.style.d.ts +1 -1
- package/dist/components/molecules/Information/Information.style.d.ts +3 -2
- package/dist/components/molecules/Pagination/Pagination.style.d.ts +1 -1
- package/dist/components/molecules/PromoWithTags/PromoWithTags.style.d.ts +1 -1
- package/dist/components/molecules/PromoWithTitle/PromoWithTitle.style.d.ts +1 -1
- package/dist/components/organisms/AnchorTabBar/AnchorTabBar.style.d.ts +1 -1
- package/dist/harmonic.cjs.development.js +6 -4
- package/dist/harmonic.cjs.development.js.map +1 -1
- package/dist/harmonic.cjs.production.min.js +1 -1
- package/dist/harmonic.cjs.production.min.js.map +1 -1
- package/dist/harmonic.esm.js +6 -4
- package/dist/harmonic.esm.js.map +1 -1
- package/dist/types/types.d.ts +56 -0
- package/package.json +1 -1
package/dist/harmonic.esm.js
CHANGED
|
@@ -7469,7 +7469,7 @@ var TitleWrapper$1 = /*#__PURE__*/styled.div(_templateObject5$f || (_templateObj
|
|
|
7469
7469
|
return isDescriptionPresent && 'margin: 20px 0';
|
|
7470
7470
|
});
|
|
7471
7471
|
var TitleText = /*#__PURE__*/styled(HarmonicHeader)(_templateObject6$b || (_templateObject6$b = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n overflow: hidden;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n text-overflow: ellipsis;\n"])));
|
|
7472
|
-
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n
|
|
7472
|
+
var ButtonsWrapper = /*#__PURE__*/styled.div(_templateObject7$8 || (_templateObject7$8 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n display: flex;\n justify-content: flex-end;\n align-items: start;\n"])));
|
|
7473
7473
|
var TitleGridItem = /*#__PURE__*/styled(GridItem)(_templateObject8$6 || (_templateObject8$6 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n @media ", " {\n grid-column: 2 / span 10;\n }\n"])), devices.tablet);
|
|
7474
7474
|
var SwipeGridWrapper = /*#__PURE__*/styled(GridItem)(_templateObject9$4 || (_templateObject9$4 = /*#__PURE__*/_taggedTemplateLiteralLoose(["\n ", ";\n\n @media ", " {\n grid-column: ", ";\n }\n\n @media ", " {\n grid-column: 2 / span 13;\n }\n"])), function (_ref5) {
|
|
7475
7475
|
var active = _ref5.active;
|
|
@@ -7852,13 +7852,15 @@ var Carousel = function Carousel(_ref) {
|
|
|
7852
7852
|
var handleFullscreenChange = function handleFullscreenChange() {
|
|
7853
7853
|
var isFs = document.fullscreenElement === carouselRef.current;
|
|
7854
7854
|
setIsFullscreen(isFs);
|
|
7855
|
-
if (isFs && titleButtonsGridRef.current) {
|
|
7855
|
+
if (isFs && titleButtonsGridRef.current && carouselRef.current) {
|
|
7856
7856
|
var _titleButtonsGridRef$, _carouselRef$current;
|
|
7857
|
+
var carouselStyle = getComputedStyle(carouselRef.current);
|
|
7858
|
+
var paddingTop = parseInt(carouselStyle.paddingTop, 10) || 0;
|
|
7859
|
+
var paddingBottom = parseInt(carouselStyle.paddingBottom, 10) || 0;
|
|
7857
7860
|
var titleButtonsGridHeight = ((_titleButtonsGridRef$ = titleButtonsGridRef.current) == null ? void 0 : _titleButtonsGridRef$.getBoundingClientRect().height) || 0;
|
|
7858
7861
|
var titleButtonsGridStyle = getComputedStyle(titleButtonsGridRef.current);
|
|
7859
7862
|
var titleButtonsGridMarginBottom = parseInt(titleButtonsGridStyle.marginBottom, 10) || 0;
|
|
7860
|
-
|
|
7861
|
-
var height = window.innerHeight - titleButtonsGridHeight - titleButtonsGridMarginBottom - FULLSCREEN_FIGCAPTION_HEIGHT;
|
|
7863
|
+
var height = window.screen.height - titleButtonsGridHeight - titleButtonsGridMarginBottom - FULLSCREEN_FIGCAPTION_HEIGHT - paddingTop - paddingBottom;
|
|
7862
7864
|
(_carouselRef$current = carouselRef.current) == null || _carouselRef$current.style.setProperty('--fullscreen-figure-height', height + "px");
|
|
7863
7865
|
}
|
|
7864
7866
|
};
|