pageflow 17.0.5 → 17.1.0

data/entry_types/scrolled/package/widgets/excursionDialog.css

@@ -0,0 +1 @@
+.ExcursionDialog-module_dialog__27-b4{display:flex;flex-direction:column;width:98%;height:100%;border:0;padding:0;overflow:visible;background:transparent;--theme-widget-margin-top:0}.ExcursionDialog-module_dialog__27-b4::backdrop{background-color:rgba(0,0,0,.8)}.ExcursionDialog-module_header__36az2{padding:0 .5rem 0 1rem;width:100%;box-sizing:border-box}.ExcursionDialog-module_header__36az2 h3{flex:1;font-size:30px;font-weight:900;margin:0 0 1rem}.ExcursionDialog-module_close__3mWeu{border:0;padding:0;background:transparent;display:block;margin-left:auto;margin-bottom:.5rem;cursor:pointer;color:#fff}.ExcursionDialog-module_close__3mWeu img{display:block}.ExcursionDialog-module_wrapper__6ecXC{overflow:hidden;border-radius:.25rem;height:100%;box-shadow:0 0 0 1px hsla(0,0%,100%,.4)}.ExcursionDialog-module_scroller__2MSjf{overflow:auto;overscroll-behavior:contain;height:100%;container-type:size;--vh:1cqh}.ExcursionDialog-module_content__1yZ7_{overflow:clip}@media (min-width:768px){.ExcursionDialog-module_dialog__27-b4{width:95%}.ExcursionDialog-module_header__36az2{padding-right:0;display:flex;flex-direction:row-reverse;align-items:flex-start;gap:.5rem}}

data/entry_types/scrolled/package/widgets/excursionDialog.js

@@ -0,0 +1,109 @@
+import { ThemeIcon, FloatingPortalRootProvider, OnScreenObserverRootProvider, frontend } from 'pageflow-scrolled/frontend';
+import React, { useRef, useEffect, useCallback } from 'react';
+
+var styles = {"breakpoint-md":"(min-width: 768px)","dialog":"ExcursionDialog-module_dialog__27-b4","header":"ExcursionDialog-module_header__36az2","close":"ExcursionDialog-module_close__3mWeu","wrapper":"ExcursionDialog-module_wrapper__6ecXC","scroller":"ExcursionDialog-module_scroller__2MSjf","content":"ExcursionDialog-module_content__1yZ7_"};
+
+var _jsxFileName = "/home/tfischbach/code/pageflow/entry_types/scrolled/package/src/widgets/excursionDialog/ExcursionDialog.js";
+function ExcursionDialog(_ref) {
+  var excursion = _ref.excursion,
+    onClose = _ref.onClose,
+    children = _ref.children;
+  var ref = useRef();
+  var scrollerRef = useRef();
+  useEffect(function () {
+    return ref.current.showModal();
+  }, []);
+  var closeOnBackdropClick = useCallback(function (event) {
+    if (event.target === event.currentTarget) {
+      event.currentTarget.close();
+    }
+  }, []);
+  return /*#__PURE__*/React.createElement("dialog", {
+    ref: ref,
+    closedby: "any",
+    className: styles.dialog,
+    onMouseDown: closeOnBackdropClick,
+    onClose: onClose,
+    "aria-label": excursion.title,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 25,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    onClick: function onClick() {
+      return ref.current.close();
+    },
+    className: styles.close,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/React.createElement(ThemeIcon, {
+    name: "close",
+    width: "32",
+    height: "32",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 28,
+      columnNumber: 11
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.wrapper,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    ref: scrollerRef,
+    className: styles.scroller,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.content,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 34,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/React.createElement(FloatingPortalRootProvider, {
+    value: ref,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 35,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/React.createElement(OnScreenObserverRootProvider, {
+    value: scrollerRef,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 36,
+      columnNumber: 15
+    }
+  }, children))))));
+}
+
+frontend.widgetTypes.register('excursionDialog', {
+  component: ExcursionDialog
+});

data/entry_types/scrolled/package/widgets/excursionSheet.css

@@ -0,0 +1 @@
+.CloseButton-module_button__3aQ6f{position:sticky;top:var(--widget-margin-top,0);z-index:10;display:flex;margin:.25rem .25rem .25rem auto;padding:.75rem;border:0;background-color:transparent;color:var(--theme-light-content-text-color);cursor:pointer;outline-offset:-3px;transition:opacity .5s,top .15s ease;@starting-style{opacity:0}}.CloseButton-module_button__3aQ6f svg{position:relative;transition:color .5s}.CloseButton-module_invert__3C788 svg{color:var(--theme-dark-content-text-color)}.ReturnButton-module_wrapper__3rzAj{height:50lvh;font-family:var(--theme-widget-font-family)}.ReturnButton-module_button__1SKjN{position:absolute;left:50%;display:flex;flex-direction:column;gap:.5rem;align-items:center;text-align:center;border:0;padding:.5rem;background-color:transparent;color:var(--theme-light-content-text-color);font-size:1.25rem;cursor:pointer}.colors-module_contentColorScope__1Oidv{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.ExcursionSheet-module_container__2NpY_{position:relative;margin-top:-100vh;z-index:10;padding-top:33lvh;pointer-events:none}.ExcursionSheet-module_container__2NpY_>*{pointer-events:auto}.ExcursionSheet-module_backdrop__3RyMJ{position:fixed;top:0;height:100vh;width:100%;background-color:rgba(0,0,0,.7);transition:opacity .2s ease;@starting-style{opacity:0}}.ExcursionSheet-module_content__3pYqz{transition:transform .2s ease-out,opacity .2s;box-shadow:0 0 20px 5px rgba(0,0,0,.5);position:relative;overflow:clip;@starting-style{transform:translateY(20lvh);opacity:0}}.ExcursionSheet-module_probe__3xetc{--section-intersection-observer-root-margin-top:calc(var(--widget-margin-top) + 1.5rem)}

data/entry_types/scrolled/package/widgets/excursionSheet.js

@@ -0,0 +1,262 @@
+import { useI18n, ThemeIcon, useIsomorphicLayoutEffect, SectionIntersectionObserver, frontend } from 'pageflow-scrolled/frontend';
+import React, { useRef, useEffect, useState } from 'react';
+import classNames from 'classnames';
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+var styles = {"button":"CloseButton-module_button__3aQ6f","invert":"CloseButton-module_invert__3C788"};
+
+var _jsxFileName = "/home/tfischbach/code/pageflow/entry_types/scrolled/package/src/widgets/excursionSheet/CloseButton.js";
+function CloseButton(_ref) {
+  var invert = _ref.invert,
+    onClick = _ref.onClick;
+  var _useI18n = useI18n(),
+    t = _useI18n.t;
+  return /*#__PURE__*/React.createElement("button", {
+    className: classNames(styles.button, _defineProperty({}, styles.invert, invert)),
+    "aria-label": t('pageflow_scrolled.public.close'),
+    title: t('pageflow_scrolled.public.close'),
+    onClick: onClick,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 12,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/React.createElement(ThemeIcon, {
+    name: "close",
+    width: 30,
+    height: 30,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 17,
+      columnNumber: 7
+    }
+  }));
+}
+
+function useScrollCenter() {
+  var parentRef = useRef();
+  var childRef = useRef();
+  useEffect(function () {
+    function onScroll() {
+      var parentRect = parentRef.current.getBoundingClientRect();
+      childRef.current.style.transform = "translate(-50%, calc((100lvh - ".concat(parentRect.top, "px) * 0.3 - 50%)");
+    }
+    window.addEventListener('scroll', onScroll);
+    window.addEventListener('resize', onScroll);
+    onScroll();
+    return function () {
+      window.removeEventListener('scroll', onScroll);
+      window.removeEventListener('resize', onScroll);
+    };
+  }, []);
+  return [parentRef, childRef];
+}
+
+var styles$1 = {"wrapper":"ReturnButton-module_wrapper__3rzAj","button":"ReturnButton-module_button__1SKjN"};
+
+var _jsxFileName$1 = "/home/tfischbach/code/pageflow/entry_types/scrolled/package/src/widgets/excursionSheet/ReturnButton.js";
+function ReturnButton(_ref) {
+  var label = _ref.label,
+    onClose = _ref.onClose,
+    children = _ref.children;
+  var _useScrollCenter = useScrollCenter(),
+    _useScrollCenter2 = _slicedToArray(_useScrollCenter, 2),
+    wrapperRef = _useScrollCenter2[0],
+    buttonRef = _useScrollCenter2[1];
+  useIsomorphicLayoutEffect(function () {
+    var timeline = new window.ViewTimeline({
+      subject: wrapperRef.current
+    });
+    var animation = buttonRef.current.animate({
+      opacity: ['0', '1']
+    }, {
+      timeline: timeline,
+      fill: 'both',
+      rangeStart: 'entry 10%',
+      rangeEnd: 'entry 50%'
+    });
+    return function () {
+      return animation.cancel();
+    };
+  }, []);
+  var _useI18n = useI18n(),
+    t = _useI18n.t;
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles$1.wrapper,
+    ref: wrapperRef,
+    onClick: onClose,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$1,
+      lineNumber: 42,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/React.createElement("button", {
+    className: styles$1.button,
+    ref: buttonRef,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$1,
+      lineNumber: 45,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/React.createElement(ThemeIcon, {
+    name: "back",
+    width: 30,
+    height: 30,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$1,
+      lineNumber: 47,
+      columnNumber: 9
+    }
+  }), label || t('pageflow_scrolled.public.exit_excursion')));
+}
+
+var styles$2 = {"container":"ExcursionSheet-module_container__2NpY_ colors-module_contentColorScope__1Oidv","backdrop":"ExcursionSheet-module_backdrop__3RyMJ","content":"ExcursionSheet-module_content__3pYqz","probe":"ExcursionSheet-module_probe__3xetc"};
+
+var _jsxFileName$2 = "/home/tfischbach/code/pageflow/entry_types/scrolled/package/src/widgets/excursionSheet/ExcursionSheet.js";
+function ExcursionSheet(_ref) {
+  var excursion = _ref.excursion,
+    onClose = _ref.onClose,
+    children = _ref.children;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    intersectingSectionInverted = _useState2[0],
+    setIntersectingSectionInverted = _useState2[1];
+  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles$2.backdrop,
+    onClick: onClose,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$2,
+      lineNumber: 16,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    key: excursion.id,
+    className: styles$2.container,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$2,
+      lineNumber: 18,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/React.createElement(CloseButton, {
+    invert: intersectingSectionInverted,
+    onClick: onClose,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$2,
+      lineNumber: 20,
+      columnNumber: 9
+    }
+  }), /*#__PURE__*/React.createElement("div", {
+    className: styles$2.content,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$2,
+      lineNumber: 22,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/React.createElement(SectionIntersectionObserver, {
+    sections: excursion.sections,
+    probeClassName: styles$2.probe,
+    onChange: function onChange(section) {
+      return setIntersectingSectionInverted(section === null || section === void 0 ? void 0 : section.invert);
+    },
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$2,
+      lineNumber: 23,
+      columnNumber: 11
+    }
+  }, children)), /*#__PURE__*/React.createElement(ReturnButton, {
+    label: excursion.returnButtonLabel,
+    onClose: onClose,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName$2,
+      lineNumber: 30,
+      columnNumber: 9
+    }
+  })));
+}
+
+frontend.widgetTypes.register('excursionSheet', {
+  component: ExcursionSheet
+});

data/entry_types/scrolled/package/widgets/iconInlineFileRights.css

@@ -1 +1 @@
-.IconInlineFileRights-module_standAlone__15788{color:#fff;position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;pointer-events:none}.IconInlineFileRights-module_standAlone__15788>*{pointer-events:auto}.IconInlineFileRights-module_button__o5ZmR{border:0;padding:0;background-color:transparent;width:44px;height:40px;margin:0;display:flex;align-items:center;justify-content:center;color:currentColor;cursor:pointer;position:relative}.IconInlineFileRights-module_button__o5ZmR,.IconInlineFileRights-module_tooltip__2e1u8{transition:opacity .2s,visibility .2s}.IconInlineFileRights-module_transparent__2dVaA .IconInlineFileRights-module_button__o5ZmR{opacity:.6}.IconInlineFileRights-module_wrapper__2kQK_:active .IconInlineFileRights-module_button__o5ZmR,.IconInlineFileRights-module_wrapper__2kQK_:focus .IconInlineFileRights-module_button__o5ZmR,.IconInlineFileRights-module_wrapper__2kQK_:hover .IconInlineFileRights-module_button__o5ZmR{opacity:1}.IconInlineFileRights-module_button__o5ZmR svg{width:23px;height:23px}.IconInlineFileRights-module_standAlone__15788 .IconInlineFileRights-module_button__o5ZmR svg{filter:drop-shadow(0 1px 4px #000)}.IconInlineFileRights-module_tooltip__2e1u8{font-size:13.5555px;font-family:sans-serif;line-height:1.4;position:absolute;bottom:38px;right:5px;background-color:rgba(17,17,17,.9);border-radius:3px;color:#fff;padding:8px;visibility:hidden;opacity:0;text-align:right;margin-left:10px;box-sizing:border-box;max-width:95%;z-index:1}.IconInlineFileRights-module_tooltip__2e1u8:after{content:"";display:block;border:5px solid transparent;border-top-color:rgba(17,17,17,.9);position:absolute;right:11px;top:100%}.IconInlineFileRights-module_tooltip__2e1u8 a{color:#fff;-webkit-text-decoration-color:hsla(0,0%,100%,.3);text-decoration-color:hsla(0,0%,100%,.3)}.IconInlineFileRights-module_tooltip__2e1u8 span{color:hsla(0,0%,100%,.7)}.IconInlineFileRights-module_wrapper__2kQK_:focus-within .IconInlineFileRights-module_tooltip__2e1u8,.IconInlineFileRights-module_wrapper__2kQK_:hover .IconInlineFileRights-module_tooltip__2e1u8{visibility:visible;opacity:1}.IconInlineFileRights-module_scroller__1hT8t{overflow:auto;overflow-y:hidden;scrollbar-width:thin}.IconInlineFileRights-module_scroller__1hT8t::-webkit-scrollbar{height:12px}.IconInlineFileRights-module_scroller__1hT8t::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.9);border-radius:20px;border:3px solid rgba(17,17,17,.9)}
+.IconInlineFileRights-module_standAlone__15788{color:#fff;position:absolute;right:0;left:0;display:flex;justify-content:flex-end;pointer-events:none;z-index:2}.IconInlineFileRights-module_position-top__rxJ3d{top:0}.IconInlineFileRights-module_position-bottom__25azC{bottom:0}.IconInlineFileRights-module_standAlone__15788>*{pointer-events:auto}.IconInlineFileRights-module_button__o5ZmR{border:0;padding:0;background-color:transparent;width:44px;height:40px;margin:0;display:flex;align-items:center;justify-content:center;color:currentColor;cursor:pointer;position:relative}.IconInlineFileRights-module_button__o5ZmR,.IconInlineFileRights-module_tooltip__2e1u8{transition:opacity .2s,visibility .2s}.IconInlineFileRights-module_fadedOut__3A7WF .IconInlineFileRights-module_button__o5ZmR{opacity:.6}.IconInlineFileRights-module_wrapper__2kQK_:active .IconInlineFileRights-module_button__o5ZmR,.IconInlineFileRights-module_wrapper__2kQK_:focus .IconInlineFileRights-module_button__o5ZmR,.IconInlineFileRights-module_wrapper__2kQK_:hover .IconInlineFileRights-module_button__o5ZmR{opacity:1}.IconInlineFileRights-module_button__o5ZmR svg{width:23px;height:23px}.IconInlineFileRights-module_standAlone__15788 .IconInlineFileRights-module_button__o5ZmR svg{filter:drop-shadow(0 1px 4px #000)}.IconInlineFileRights-module_tooltip__2e1u8{font-size:13.5555px;font-family:sans-serif;line-height:1.4;position:absolute;right:5px;background-color:rgba(17,17,17,.9);border-radius:3px;color:#fff;padding:8px;visibility:hidden;opacity:0;text-align:right;margin-left:10px;box-sizing:border-box;max-width:95%;z-index:1}.IconInlineFileRights-module_position-bottom__25azC .IconInlineFileRights-module_tooltip__2e1u8{bottom:38px}.IconInlineFileRights-module_position-top__rxJ3d .IconInlineFileRights-module_tooltip__2e1u8{top:38px}.IconInlineFileRights-module_tooltip__2e1u8:after{content:"";display:block;border:5px solid transparent;position:absolute;right:11px}.IconInlineFileRights-module_position-bottom__25azC .IconInlineFileRights-module_tooltip__2e1u8:after{border-top-color:rgba(17,17,17,.9);top:100%}.IconInlineFileRights-module_position-top__rxJ3d .IconInlineFileRights-module_tooltip__2e1u8:after{border-bottom-color:rgba(17,17,17,.9);bottom:100%}.IconInlineFileRights-module_tooltip__2e1u8 a{color:#fff;-webkit-text-decoration-color:hsla(0,0%,100%,.3);text-decoration-color:hsla(0,0%,100%,.3)}.IconInlineFileRights-module_tooltip__2e1u8 li{white-space:nowrap}.IconInlineFileRights-module_tooltip__2e1u8 span{color:hsla(0,0%,100%,.7)}.IconInlineFileRights-module_wrapper__2kQK_:focus-within .IconInlineFileRights-module_tooltip__2e1u8,.IconInlineFileRights-module_wrapper__2kQK_:hover .IconInlineFileRights-module_tooltip__2e1u8{visibility:visible;opacity:1}.IconInlineFileRights-module_scroller__1hT8t{overflow:auto;overflow-y:hidden;scrollbar-width:thin}.IconInlineFileRights-module_scroller__1hT8t::-webkit-scrollbar{height:12px}.IconInlineFileRights-module_scroller__1hT8t::-webkit-scrollbar-thumb{background-color:hsla(0,0%,100%,.9);border-radius:20px;border:3px solid rgba(17,17,17,.9)}

data/entry_types/scrolled/package/widgets/iconInlineFileRights.js

@@ -17,22 +17,19 @@ function _defineProperty(obj, key, value) {
   return obj;
 }
 
-var styles = {"standAlone":"IconInlineFileRights-module_standAlone__15788","button":"IconInlineFileRights-module_button__o5ZmR","tooltip":"IconInlineFileRights-module_tooltip__2e1u8","transparent":"IconInlineFileRights-module_transparent__2dVaA","wrapper":"IconInlineFileRights-module_wrapper__2kQK_","scroller":"IconInlineFileRights-module_scroller__1hT8t"};
+var styles = {"standAlone":"IconInlineFileRights-module_standAlone__15788","position-top":"IconInlineFileRights-module_position-top__rxJ3d","position-bottom":"IconInlineFileRights-module_position-bottom__25azC","button":"IconInlineFileRights-module_button__o5ZmR","tooltip":"IconInlineFileRights-module_tooltip__2e1u8","fadedOut":"IconInlineFileRights-module_fadedOut__3A7WF","wrapper":"IconInlineFileRights-module_wrapper__2kQK_","scroller":"IconInlineFileRights-module_scroller__1hT8t"};
 
 function IconInlineFileRights(_ref) {
-  var _classNames;
-
   var context = _ref.context,
-      playerControlsStandAlone = _ref.playerControlsStandAlone,
-      playerControlsTransparent = _ref.playerControlsTransparent,
-      children = _ref.children;
-
+    position = _ref.position,
+    playerControlsStandAlone = _ref.playerControlsStandAlone,
+    playerControlsFadedOut = _ref.playerControlsFadedOut,
+    children = _ref.children;
   if (context === 'afterElement') {
     return null;
   }
-
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles.wrapper, (_classNames = {}, _defineProperty(_classNames, styles.transparent, context !== 'playerControls' || playerControlsTransparent), _defineProperty(_classNames, styles.standAlone, context !== 'playerControls'), _classNames))
+    className: classNames(styles.wrapper, styles["position-".concat(position || 'bottom')], _defineProperty(_defineProperty({}, styles.fadedOut, context !== 'playerControls' || playerControlsFadedOut), styles.standAlone, context !== 'playerControls'))
   }, /*#__PURE__*/React.createElement("button", {
     className: styles.button
   }, /*#__PURE__*/React.createElement(ThemeIcon, {

data/entry_types/scrolled/package/widgets/iconScrollIndicator.css

@@ -0,0 +1 @@
+.IconScrollIndicator-module_indicator__2sC27{--size:40px;--animation-dist:-5px;position:fixed;bottom:1.3rem;z-index:10;filter:drop-shadow(0 0 3px #000);display:flex;justify-content:center;pointer-events:none}.IconScrollIndicator-module_indicator__2sC27>*{display:inline-block}.IconScrollIndicator-module_size-large__Ym7cB{--size:60px}.IconScrollIndicator-module_align-center__3zoez{left:0;width:100%}.IconScrollIndicator-module_align-left__3kHWt,.IconScrollIndicator-module_align-right__3TvRM{width:84%;max-width:var(--two-column-inline-content-max-width,500px)}.IconScrollIndicator-module_align-right__3TvRM{right:8%}.IconScrollIndicator-module_align-left__3kHWt{left:8%}.IconScrollIndicator-module_indicator__2sC27 svg{display:block;fill:#fff;width:var(--size);height:var(--size);opacity:.9}.IconScrollIndicator-module_animation-largeBounce__LVzn_,.IconScrollIndicator-module_animation-smallBounce__2SngV{animation:IconScrollIndicator-module_bounce__IrI-f 1s infinite}.IconScrollIndicator-module_animation-largeBounce__LVzn_{--animation-dist:-15px}@keyframes IconScrollIndicator-module_bounce__IrI-f{30%{transform:translateY(var(--animation-dist))}}

data/entry_types/scrolled/package/widgets/iconScrollIndicator.js

@@ -0,0 +1,48 @@
+import { WidgetSelectionRect, ThemeIcon, frontend } from 'pageflow-scrolled/frontend';
+import React, { useRef, useEffect } from 'react';
+import classNames from 'classnames';
+
+var styles = {"indicator":"IconScrollIndicator-module_indicator__2sC27","size-large":"IconScrollIndicator-module_size-large__Ym7cB","align-center":"IconScrollIndicator-module_align-center__3zoez","align-left":"IconScrollIndicator-module_align-left__3kHWt","align-right":"IconScrollIndicator-module_align-right__3TvRM","animation-smallBounce":"IconScrollIndicator-module_animation-smallBounce__2SngV","animation-largeBounce":"IconScrollIndicator-module_animation-largeBounce__LVzn_","bounce":"IconScrollIndicator-module_bounce__IrI-f"};
+
+function IconScrollIndicator(_ref) {
+  var configuration = _ref.configuration,
+    sectionLayout = _ref.sectionLayout;
+  var ref = useRef();
+  useEffect(function () {
+    var animation = ref.current.animate({
+      opacity: ['100%', '0%'],
+      visibility: ['visible', 'hidden']
+    }, {
+      fill: 'forwards',
+      timeline: new window.ViewTimeline({
+        subject: ref.current.closest('section')
+      }),
+      rangeStart: 'exit-crossing 0%',
+      rangeEnd: 'exit-crossing 100px'
+    });
+    return function () {
+      return animation.cancel();
+    };
+  }, []);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.indicator, styles["animation-".concat(configuration.animation || 'smallBounce')], styles["size-".concat(configuration.size)], styles["align-".concat(getAlignment(configuration, sectionLayout))]),
+    ref: ref
+  }, /*#__PURE__*/React.createElement(WidgetSelectionRect, null, /*#__PURE__*/React.createElement(ThemeIcon, {
+    name: "scrollDown",
+    width: 30,
+    height: 30
+  })));
+}
+function getAlignment(configuration, sectionLayout) {
+  if (configuration.alignment === 'centerViewport' || sectionLayout === 'center' || sectionLayout === 'centerRagged') {
+    return 'center';
+  } else if (sectionLayout === 'right') {
+    return 'right';
+  } else {
+    return 'left';
+  }
+}
+
+frontend.widgetTypes.register('iconScrollIndicator', {
+  component: IconScrollIndicator
+});

data/entry_types/scrolled/package/widgets/mainStorylineSheet.css

@@ -0,0 +1 @@
+.MainStorylineSheet-module_inactive__1Ji-y{position:sticky;top:0;height:100vh;overflow:clip}.MainStorylineSheet-module_scaler__jscn7{position:relative;transition:filter .3s ease,transform .3s ease;transform-origin:center calc(var(--previous-scroll-y) + 100vh)}.MainStorylineSheet-module_inactive__1Ji-y>.MainStorylineSheet-module_scaler__jscn7{filter:blur(2px);top:calc(var(--previous-scroll-y)*-1)}@media (max-width:480px){.MainStorylineSheet-module_inactive__1Ji-y>.MainStorylineSheet-module_scaler__jscn7{transform:scale(.94)}}@media (min-width:481px) and (max-width:768px){.MainStorylineSheet-module_inactive__1Ji-y>.MainStorylineSheet-module_scaler__jscn7{transform:scale(.95)}}@media (min-width:769px) and (max-width:1024px){.MainStorylineSheet-module_inactive__1Ji-y>.MainStorylineSheet-module_scaler__jscn7{transform:scale(.96)}}@media (min-width:1025px) and (max-width:1440px){.MainStorylineSheet-module_inactive__1Ji-y>.MainStorylineSheet-module_scaler__jscn7{transform:scale(.97)}}@media (min-width:1441px) and (max-width:1920px){.MainStorylineSheet-module_inactive__1Ji-y>.MainStorylineSheet-module_scaler__jscn7{transform:scale(.98)}}@media (min-width:1921px){.MainStorylineSheet-module_inactive__1Ji-y>.MainStorylineSheet-module_scaler__jscn7{transform:scale(.99)}}

data/entry_types/scrolled/package/widgets/mainStorylineSheet.js

@@ -0,0 +1,144 @@
+import { useIsomorphicLayoutEffect, frontend } from 'pageflow-scrolled/frontend';
+import React, { useState, useRef } from 'react';
+import classNames from 'classnames';
+
+function _defineProperty(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value: value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+
+  return obj;
+}
+
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
+}
+
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
+
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
+    }
+  }
+
+  return _arr;
+}
+
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
+
+  return arr2;
+}
+
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(n);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+
+var styles = {"inactive":"MainStorylineSheet-module_inactive__1Ji-y","scaler":"MainStorylineSheet-module_scaler__jscn7"};
+
+var _jsxFileName = "/home/tfischbach/code/pageflow/entry_types/scrolled/package/src/widgets/mainStorylineSheet/MainStorylineSheet.js";
+function MainStorylineSheet(_ref) {
+  var activeExcursion = _ref.activeExcursion,
+    children = _ref.children;
+  var excursionActive = !!activeExcursion;
+  var activeExcursionId = activeExcursion === null || activeExcursion === void 0 ? void 0 : activeExcursion.id;
+  var _useState = useState(0),
+    _useState2 = _slicedToArray(_useState, 2),
+    previousScrollY = _useState2[0],
+    setPreviousScrollY = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inactive = _useState4[0],
+    setInactive = _useState4[1];
+  var previousThemeColorRef = useRef();
+  useIsomorphicLayoutEffect(function () {
+    var themeColorMeta = document.querySelector('meta[name="theme-color"]');
+    if (excursionActive) {
+      setPreviousScrollY(window.scrollY);
+      setInactive(true);
+      previousThemeColorRef.current = themeColorMeta.getAttribute('content');
+      themeColorMeta.setAttribute('content', '#000');
+    } else {
+      setInactive(false);
+      themeColorMeta.setAttribute('content', previousThemeColorRef.current);
+    }
+  }, [excursionActive]);
+  useIsomorphicLayoutEffect(function () {
+    if (activeExcursionId) {
+      window.scrollTo(0, 0);
+    } else {
+      setPreviousScrollY(function (previousScrollY) {
+        window.queueMicrotask(function () {
+          return window.scrollTo(0, previousScrollY);
+        });
+        return previousScrollY;
+      });
+    }
+  }, [activeExcursionId]);
+  return /*#__PURE__*/React.createElement("div", {
+    inert: inactive ? 'true' : undefined,
+    style: {
+      '--previous-scroll-y': "".concat(previousScrollY, "px")
+    },
+    className: classNames(styles.wrapper, _defineProperty({}, styles.inactive, inactive)),
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 47,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.scaler,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 50,
+      columnNumber: 7
+    }
+  }, children));
+}
+
+frontend.widgetTypes.register('mainStorylineSheet', {
+  component: MainStorylineSheet
+});

data/entry_types/scrolled/package/widgets/textInlineFileRights.css

@@ -1 +1 @@
-.TextInlineFileRights-module_text__1tT0W{font-size:14px;position:relative;z-index:1;color:var(--content-text-color)}.TextInlineFileRights-module_text__1tT0W li{text-align:right;padding-top:.2em}.TextInlineFileRights-module_forSection__22xHD{position:absolute;bottom:0;right:0}.TextInlineFileRights-module_forSection__22xHD li{padding:0 .4em .2em 0}.TextInlineFileRights-module_text__1tT0W a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb,currentColor,transparent);text-decoration-color:color-mix(in srgb,currentColor,transparent)}.TextInlineFileRights-module_text__1tT0W span{opacity:.7}
+.colors-module_contentColorScope__3ypcw{--theme-light-content-surface-color:var(--root-light-content-surface-color);--theme-dark-content-surface-color:var(--root-dark-content-surface-color);--theme-light-content-text-color:var(--root-light-content-text-color);--theme-dark-content-text-color:var(--root-dark-content-text-color)}.TextInlineFileRights-module_text__1tT0W{font-size:14px;position:relative;z-index:1;color:var(--content-text-color)}.TextInlineFileRights-module_text__1tT0W li{text-align:right;padding-top:.2em}.TextInlineFileRights-module_text__1tT0W li:before{content:"\A9  ";opacity:.7}.TextInlineFileRights-module_text__1tT0W:not(:has(li:nth-child(2))) span{display:none}.TextInlineFileRights-module_withBackdrop__2cRu8 li{padding:.1em .3em;border-radius:.25rem;margin:.2em 0 0 auto;background-color:color-mix(in srgb,var(--theme-light-content-surface-color,#fff),transparent);color:var(--theme-dark-content-text-color,#222);width:-moz-fit-content;width:fit-content}.TextInlineFileRights-module_withBackdrop__2cRu8.TextInlineFileRights-module_darkBackground__3oIUp li{background-color:color-mix(in srgb,var(--theme-dark-content-surface-color,#101010),transparent);color:var(--theme-light-content-text-color,#fff)}.TextInlineFileRights-module_forSection__22xHD{position:absolute;bottom:0;right:0}.TextInlineFileRights-module_forSection__22xHD li{margin:0 .2em .1em auto}.TextInlineFileRights-module_text__1tT0W a{color:inherit;-webkit-text-decoration-color:color-mix(in srgb,currentColor,transparent);text-decoration-color:color-mix(in srgb,currentColor,transparent)}.TextInlineFileRights-module_text__1tT0W span{opacity:.7}