pageflow 17.0.5 → 17.1.0

data/entry_types/scrolled/package/testHelpers.js

@@ -1,8 +1,11 @@
-import React, { useEffect } from 'react';
-import { render } from '@testing-library/react';
+import React, { useEffect, useState, useContext } from 'react';
+import { DndProvider } from 'react-dnd';
+import { HTML5Backend } from 'react-dnd-html5-backend';
+import BackboneEvents from 'backbone-events-standalone';
+import { render, act } from '@testing-library/react';
+import { RootProviders, useEntryStateDispatch, ContentElementLifecycleContext, ContentElementEditorStateContext, PhonePlatformContext, ContentElementAttributesProvider, ContentElementEditorCommandEmitterContext } from 'pageflow-scrolled/frontend';
 import { renderHook } from '@testing-library/react-hooks/dom';
 import { Consent } from 'pageflow/frontend';
-import { RootProviders, useEntryStateDispatch } from 'pageflow-scrolled/frontend';
 
 function _defineProperty(obj, key, value) {
   if (key in obj) {
@@ -73,6 +76,7 @@ function _objectSpread2(target) {
  * @param {Array} [options.videoFiles] - Array of objects with video file attributes of entry.
  * @param {Array} [options.audioFiles] - Array of objects with audio file attributes of entry.
  * @param {Array} [options.textTrackFiles] - Array of objects with text track file attributes of entry.
+ * @param {Array} [options.storylines] - Array of objects with storyline attributes of entry.
  * @param {Array} [options.chapters] - Array of objects with chapter attributes of entry.
  * @param {Array} [options.sections] - Array of objects with section attributes of entry.
  * @param {Array} [options.contentElements] - Array of objects with content element attributes of entry.
@@ -81,37 +85,43 @@ function _objectSpread2(target) {
  */
 function normalizeSeed() {
   var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
-      imageFileUrlTemplates = _ref.imageFileUrlTemplates,
-      fileUrlTemplates = _ref.fileUrlTemplates,
-      fileModelTypes = _ref.fileModelTypes,
-      prettyUrl = _ref.prettyUrl,
-      shareUrlTemplates = _ref.shareUrlTemplates,
-      defaultFileRights = _ref.defaultFileRights,
-      legalInfo = _ref.legalInfo,
-      themeOptions = _ref.themeOptions,
-      themeAssets = _ref.themeAssets,
-      entry = _ref.entry,
-      imageFiles = _ref.imageFiles,
-      videoFiles = _ref.videoFiles,
-      audioFiles = _ref.audioFiles,
-      textTrackFiles = _ref.textTrackFiles,
-      chapters = _ref.chapters,
-      sections = _ref.sections,
-      contentElements = _ref.contentElements,
-      widgets = _ref.widgets,
-      additionalSeedData = _ref.additionalSeedData,
-      consentVendors = _ref.consentVendors,
-      contentElementConsentVendors = _ref.contentElementConsentVendors,
-      fileLicenses = _ref.fileLicenses;
-
+    imageFileUrlTemplates = _ref.imageFileUrlTemplates,
+    fileUrlTemplates = _ref.fileUrlTemplates,
+    fileModelTypes = _ref.fileModelTypes,
+    prettyUrl = _ref.prettyUrl,
+    shareUrlTemplates = _ref.shareUrlTemplates,
+    defaultFileRights = _ref.defaultFileRights,
+    legalInfo = _ref.legalInfo,
+    themeOptions = _ref.themeOptions,
+    themeAssets = _ref.themeAssets,
+    entry = _ref.entry,
+    imageFiles = _ref.imageFiles,
+    videoFiles = _ref.videoFiles,
+    audioFiles = _ref.audioFiles,
+    textTrackFiles = _ref.textTrackFiles,
+    storylines = _ref.storylines,
+    chapters = _ref.chapters,
+    sections = _ref.sections,
+    contentElements = _ref.contentElements,
+    widgets = _ref.widgets,
+    additionalSeedData = _ref.additionalSeedData,
+    consentVendors = _ref.consentVendors,
+    contentElementConsentVendors = _ref.contentElementConsentVendors,
+    cutOff = _ref.cutOff,
+    fileLicenses = _ref.fileLicenses,
+    entryTranslations = _ref.entryTranslations;
   var entries = entry ? [entry] : [{}];
-  var normalizedEntries = normalizeCollection(entries);
+  var normalizedEntries = normalizeCollection(entries, {
+    locale: 'en',
+    configuration: {}
+  });
   var normalizedContentElements = normalizeCollection(contentElements, {
     typeName: 'textBlock',
     configuration: {}
   });
   var normalizedSections = normalizeSections(sections, normalizedContentElements);
   var normalizedChapters = normalizeChapters(chapters, normalizedSections);
+  var normalizedStorylines = normalizeStorylines(storylines, normalizedChapters);
   return {
     config: {
       fileUrlTemplates: _objectSpread2({
@@ -139,7 +149,9 @@ function normalizeSeed() {
       },
       consentVendors: consentVendors || [],
       contentElementConsentVendors: contentElementConsentVendors || {},
-      fileLicenses: fileLicenses || {}
+      cutOff: cutOff,
+      fileLicenses: fileLicenses || {},
+      entryTranslations: entryTranslations || []
     },
     collections: {
       entries: normalizedEntries,
@@ -166,6 +178,7 @@ function normalizeSeed() {
         parentFileType: null,
         configuration: {}
       }),
+      storylines: normalizedStorylines,
       chapters: normalizedChapters,
       sections: normalizedSections,
       contentElements: normalizedContentElements,
@@ -173,7 +186,6 @@ function normalizeSeed() {
     }
   };
 }
-
 function normalizeSections() {
   var sections = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var contentElements = arguments.length > 1 ? arguments[1] : undefined;
@@ -185,7 +197,6 @@ function normalizeSections() {
       }
     }
   };
-
   if (contentElements.length && !sections.length) {
     contentElements.forEach(function (contentElement) {
       return contentElement.sectionId = 10;
@@ -195,7 +206,6 @@ function normalizeSections() {
       permaId: 1
     }, sectionDefaults)];
   }
-
   return normalizeCollection(sections, sectionDefaults).map(function (section) {
     return _objectSpread2(_objectSpread2({}, section), {}, {
       configuration: _objectSpread2({
@@ -204,14 +214,12 @@ function normalizeSections() {
     });
   });
 }
-
 function normalizeChapters() {
   var chapters = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var sections = arguments.length > 1 ? arguments[1] : undefined;
   var chapterDefaults = {
     configuration: {}
   };
-
   if (sections.length && !chapters.length) {
     sections.forEach(function (section) {
       return section.chapterId = 100;
@@ -221,26 +229,42 @@ function normalizeChapters() {
       permaId: 10
     }, chapterDefaults)];
   }
-
   return normalizeCollection(chapters, chapterDefaults);
 }
-
+function normalizeStorylines() {
+  var storylines = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  var chapters = arguments.length > 1 ? arguments[1] : undefined;
+  if (!storylines.length) {
+    chapters.forEach(function (chapter) {
+      return chapter.storylineId = 1000;
+    });
+    return [{
+      id: 1000,
+      permaId: 100,
+      configuration: {
+        main: true
+      }
+    }];
+  }
+  return normalizeCollection(storylines, {
+    configuration: {}
+  });
+}
 function normalizeShareUrlTemplates(shareUrlTemplates) {
   if (shareUrlTemplates) {
     return shareUrlTemplates;
   } else {
     return {
-      email: 'mailto:?body=%{url}',
-      facebook: 'http://www.facebook.com/sharer/sharer.php?u=%{url}',
-      google: 'https://plus.google.com/share?url=%{url}',
-      linked_in: 'https://www.linkedin.com/shareArticle?mini=true&url=%{url}',
-      telegram: 'tg://msg?text=%{url}',
-      twitter: 'https://x.com/intent/post?url=%{url}',
-      whats_app: 'WhatsApp://send?text=%{url}'
+      email: 'mailto:?body=%<url>s',
+      facebook: 'http://www.facebook.com/sharer/sharer.php?u=%<url>s',
+      google: 'https://plus.google.com/share?url=%<url>s',
+      linked_in: 'https://www.linkedin.com/shareArticle?mini=true&url=%<url>s',
+      telegram: 'tg://msg?text=%<url>s',
+      twitter: 'https://x.com/intent/post?url=%<url>s',
+      whats_app: 'WhatsApp://send?text=%<url>s'
     };
   }
 }
-
 function normalizeLegalInfo(legalInfo) {
   if (legalInfo) {
     return legalInfo;
@@ -261,10 +285,9 @@ function normalizeLegalInfo(legalInfo) {
     };
   }
 }
-
 function normalizeTheme(_ref2) {
   var themeAssets = _ref2.themeAssets,
-      themeOptions = _ref2.themeOptions;
+    themeOptions = _ref2.themeOptions;
   return {
     assets: _objectSpread2({
       icons: {}
@@ -274,7 +297,6 @@ function normalizeTheme(_ref2) {
     }, themeOptions)
   };
 }
-
 function normalizeWidgets() {
   var widgets = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   return widgets.map(function (widget) {
@@ -284,7 +306,6 @@ function normalizeWidgets() {
     }, widget);
   });
 }
-
 function normalizeCollection() {
   var collection = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
   var defaults = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
@@ -330,6 +351,67 @@ function _objectWithoutProperties(source, excluded) {
   return target;
 }
 
+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 _excluded = ["seed", "setup", "wrapper", "consent"],
+  _excluded2 = ["seed", "setup", "wrapper"];
+
 /**
  * Render a component that depends on entry state. Accepts all options
  * supported by [`render` of
@@ -366,20 +448,17 @@ function _objectWithoutProperties(source, excluded) {
  *   function. The normalized seed constructed from the `seed` option
  *   is passed as a second parameter.
  */
-
 function renderInEntry(ui) {
   var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      seed = _ref.seed,
-      setup = _ref.setup,
-      wrapper = _ref.wrapper,
-      _ref$consent = _ref.consent,
-      consent = _ref$consent === void 0 ? Consent.create() : _ref$consent,
-      options = _objectWithoutProperties(_ref, ["seed", "setup", "wrapper", "consent"]);
-
+    seed = _ref.seed,
+    setup = _ref.setup,
+    wrapper = _ref.wrapper,
+    _ref$consent = _ref.consent,
+    consent = _ref$consent === void 0 ? Consent.create() : _ref$consent,
+    options = _objectWithoutProperties(_ref, _excluded);
   options = _objectSpread2({
     wrapper: createWrapper(seed, setup, wrapper, consent)
   }, options);
-
   if (typeof ui === 'function') {
     // Evaluate `ui` inside a React component to allow using hooks in
     // the test. We also could have used `ui` as a React component
@@ -398,7 +477,6 @@ function renderInEntry(ui) {
       var ui = _ref2.ui;
       return ui();
     };
-
     var result = render( /*#__PURE__*/React.createElement(HooksWrapper, {
       ui: ui
     }), options);
@@ -413,6 +491,7 @@ function renderInEntry(ui) {
     return render(ui, options);
   }
 }
+
 /**
  * Render a hook that depends on entry state.  Accepts all options
  * supported by [`renderHook` of
@@ -426,27 +505,22 @@ function renderInEntry(ui) {
  * @param {Object} [options.seed] - Seed data for entry state. Passed through {@link normalizeSeed}.
  * @param {Function} [options.setup] - See {@link renderInEntry}.
  */
-
 function renderHookInEntry(callback) {
   var _ref3 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      seed = _ref3.seed,
-      setup = _ref3.setup,
-      wrapper = _ref3.wrapper,
-      options = _objectWithoutProperties(_ref3, ["seed", "setup", "wrapper"]);
-
+    seed = _ref3.seed,
+    setup = _ref3.setup,
+    wrapper = _ref3.wrapper,
+    options = _objectWithoutProperties(_ref3, _excluded2);
   return renderHook(callback, _objectSpread2({
     wrapper: createWrapper(seed, setup, wrapper)
   }, options));
 }
-
 function createWrapper(seed, setup, originalWrapper, consent) {
   var normalizedSeed = normalizeSeed(seed);
-
   var OriginalWrapper = originalWrapper || function Noop(_ref4) {
     var children = _ref4.children;
     return children;
   };
-
   return function Wrapper(_ref5) {
     var children = _ref5.children;
     return /*#__PURE__*/React.createElement(RootProviders, {
@@ -458,11 +532,10 @@ function createWrapper(seed, setup, originalWrapper, consent) {
     }, /*#__PURE__*/React.createElement(OriginalWrapper, null, children)));
   };
 }
-
 function Dispatcher(_ref6) {
   var children = _ref6.children,
-      seed = _ref6.seed,
-      callback = _ref6.callback;
+    seed = _ref6.seed,
+    callback = _ref6.callback;
   var dispatch = useEntryStateDispatch();
   useEffect(function () {
     if (callback) {
@@ -472,4 +545,167 @@ function Dispatcher(_ref6) {
   return children;
 }
 
-export { normalizeSeed, renderHookInEntry, renderInEntry };
+var _excluded$1 = ["lifecycleContext", "wrapper"];
+
+/**
+ * Takes the same options as {@link renderInEntry} but returns
+ * additional helper function to the return value of the
+ * {@link `useContentElementLifecycle`} hook:
+ *
+ *     const {simulateScrollPosition} = renderInEntry(...)
+ *     simulateScrollPosition('near viewport')
+ *     // => Turns `shouldLoad` and `shouldPrepare` to true
+ */
+function renderInEntryWithContentElementLifecycle(ui, options) {
+  return renderInEntryWithScrollPositionLifecycle(ui, _objectSpread2({
+    lifecycleContext: ContentElementLifecycleContext
+  }, options));
+}
+function renderInEntryWithScrollPositionLifecycle(ui) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    lifecycleContext = _ref.lifecycleContext,
+    wrapper = _ref.wrapper,
+    options = _objectWithoutProperties(_ref, _excluded$1);
+  var emitter = createEmitter();
+  return withSimulateScrollPositionHelper(emitter, renderInEntry(ui, _objectSpread2({
+    wrapper: createScrollPositionProvider(lifecycleContext, emitter, wrapper)
+  }, options)));
+}
+function createScrollPositionProvider(Context, emitter, originalWrapper) {
+  var OriginalWrapper = originalWrapper || function Noop(_ref2) {
+    var children = _ref2.children;
+    return children;
+  };
+  return function ScrollPositionProvider(_ref3) {
+    var children = _ref3.children;
+    var _useState = useState({
+        shouldLoad: false,
+        shouldPrepare: false,
+        isVisible: false,
+        isActive: false
+      }),
+      _useState2 = _slicedToArray(_useState, 2),
+      value = _useState2[0],
+      setValue = _useState2[1];
+    useEffect(function () {
+      function handle(scrollPosition) {
+        switch (scrollPosition) {
+          case 'near viewport':
+            setValue({
+              shouldLoad: true,
+              shouldPrepare: true,
+              isVisible: false,
+              isActive: false
+            });
+            break;
+          case 'in viewport':
+            setValue({
+              shouldLoad: true,
+              shouldPrepare: true,
+              isVisible: true,
+              isActive: false
+            });
+            break;
+          case 'center of viewport':
+            setValue({
+              shouldLoad: true,
+              shouldPrepare: true,
+              isVisible: true,
+              isActive: true
+            });
+            break;
+          default:
+            setValue({
+              isVisible: false,
+              isActive: false
+            });
+            break;
+        }
+      }
+      emitter.on('scroll', handle);
+      return function () {
+        return emitter.off('scroll', handle);
+      };
+    });
+    return /*#__PURE__*/React.createElement(OriginalWrapper, null, /*#__PURE__*/React.createElement(Context.Provider, {
+      value: value
+    }, children));
+  };
+}
+var allowedScrollPositions = ['outside viewport', 'near viewport', 'in viewport', 'center of viewport'];
+function withSimulateScrollPositionHelper(emitter, result) {
+  return _objectSpread2(_objectSpread2({}, result), {}, {
+    simulateScrollPosition: function simulateScrollPosition(scrollPosition) {
+      if (!allowedScrollPositions.includes(scrollPosition)) {
+        throw new Error("Invalid scrollPosition '".concat(scrollPosition, "'. ") + "Allowed values: ".concat(allowedScrollPositions.join(', ')));
+      }
+      act(function () {
+        emitter.trigger('scroll', scrollPosition);
+      });
+    }
+  });
+}
+function createEmitter() {
+  return _objectSpread2({}, BackboneEvents);
+}
+
+var _excluded$2 = ["editorState", "phonePlatform", "wrapper"];
+
+/**
+ * Provide context as if component was rendered inside of a content element.
+ *
+ * Returns two additionals functions to control content element scroll
+ * lifecycle and editor commands: `simulateScrollPosition` and `triggerEditorCommand`.
+ *
+ * @param {Function} callback - React component or function returning a React component.
+ * @param {Object} [options] - Supports all options supported by {@link `renderInEntry`}.
+ * @param {Object} [options.editorState] - Fake result of `useContentElementEditorState`.
+ * @param {Object} [options.phonePlatform] - Fake result of `usePhonePlatform`.
+ *
+ * @example
+ *
+ * const {getByRole, simulateScrollPosition, triggerEditorCommand} =
+ *   renderInContentElement(<MyContentElement />, {
+ *     seed: {...}
+ *   });
+ * simulateScrollPosition('near viewport');
+ * triggerEditorCommand({type: 'HIGHLIGHT'});
+ */
+function renderInContentElement(ui) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+    editorState = _ref.editorState,
+    _ref$phonePlatform = _ref.phonePlatform,
+    phonePlatform = _ref$phonePlatform === void 0 ? false : _ref$phonePlatform,
+    OriginalWrapper = _ref.wrapper,
+    options = _objectWithoutProperties(_ref, _excluded$2);
+  var emitter = Object.assign({}, BackboneEvents);
+  function Wrapper(_ref2) {
+    var children = _ref2.children;
+    var defaultEditorState = useContext(ContentElementEditorStateContext);
+    return /*#__PURE__*/React.createElement(PhonePlatformContext.Provider, {
+      value: phonePlatform
+    }, /*#__PURE__*/React.createElement(DndProvider, {
+      backend: HTML5Backend
+    }, /*#__PURE__*/React.createElement(ContentElementAttributesProvider, {
+      id: 42
+    }, /*#__PURE__*/React.createElement(ContentElementEditorCommandEmitterContext.Provider, {
+      value: emitter
+    }, /*#__PURE__*/React.createElement(ContentElementEditorStateContext.Provider, {
+      value: _objectSpread2(_objectSpread2({}, defaultEditorState), editorState)
+    }, OriginalWrapper ? /*#__PURE__*/React.createElement(OriginalWrapper, {
+      children: children
+    }) : children)))));
+  }
+  return _objectSpread2(_objectSpread2({}, renderInEntryWithScrollPositionLifecycle(ui, _objectSpread2({
+    lifecycleContext: ContentElementLifecycleContext,
+    wrapper: Wrapper
+  }, options))), {}, {
+    triggerEditorCommand: function triggerEditorCommand(command) {
+      act(function () {
+        emitter.trigger("command:42", command);
+      });
+    }
+  });
+}
+
+export { normalizeSeed, renderHookInEntry, renderInContentElement, renderInEntry, renderInEntryWithContentElementLifecycle, renderInEntryWithScrollPositionLifecycle };

data/entry_types/scrolled/package/values/widgets.module.css

@@ -0,0 +1,18 @@
+.translucentWidgetSurface {
+  color: var(--theme-widget-on-surface-color);
+}
+
+.translucentWidgetSurface::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  z-index: -1;
+  --translucent-widget-surface-color:
+    color-mix(in srgb,
+              var(--theme-widget-surface-color) var(--theme-widget-surface-opacity), transparent);
+  background-color: var(--translucent-widget-surface-color, var(--theme-widget-surface-color));
+  backdrop-filter: blur(var(--theme-widget-surface-backdrop-blur));
+}

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

@@ -1 +1 @@
-.Toggle-module_toggle__2N5XY{border:none;background:transparent;padding:0;position:absolute;top:3px;right:40px;cursor:pointer}.Toggle-module_toggle__2N5XY svg{display:block;fill:var(--theme-widget-on-surface-color);color:var(--theme-widget-surface-color)}.Toggle-module_toggle__2N5XY[aria-checked=true] svg{fill:var(--theme-widget-primary-color);color:var(--theme-widget-on-primary-color)}.ConsentBar-module_bar__YiYoC{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:10;padding:10px 20px;font-family:var(--theme-widget-font-family);font-size:15px;background-color:var(--theme-widget-surface-color);color:var(--theme-widget-on-surface-color)}.ConsentBar-module_text__2GSPP{margin-top:10px;margin-bottom:10px}.ConsentBar-module_text__2GSPP a{color:var(--theme-accent-color)}.ConsentBar-module_button__2LVnY{border:none;border-radius:3px;margin:10px 5px 5px;padding:10px 15px;font:inherit;cursor:pointer;background-color:var(--theme-widget-secondary-color)}.ConsentBar-module_acceptAllButton__1rSdh{background-color:var(--theme-widget-primary-color);color:var(--theme-widget-on-primary-color)}.ConsentBar-module_configureButton__1VBqX{margin-left:0}.ConsentBar-module_configureButton__1VBqX svg{fill:currentColor;margin-right:6px;margin-bottom:1px;vertical-align:bottom}.ConsentBar-module_vendorsBox__Jckbl h3{margin:.5em 0;font-size:1em}.ConsentBar-module_vendorList__3Z4jU{overflow:auto;max-height:40vh;padding-right:5px;margin:5px 0}.ConsentBar-module_vendor__2hPAk{position:relative;margin-bottom:5px;padding:8px 0;min-height:20px}.ConsentBar-module_vendor__2hPAk p{font-size:13px}.ConsentBar-module_vendor__2hPAk a{color:inherit}.ConsentBar-module_expandVendor__hSkAD{border:none;background:transparent;position:absolute;right:5px;top:3px;padding:0;cursor:pointer}.ConsentBar-module_expandVendor__hSkAD svg{fill:currentColor;display:block}.ConsentBar-module_expandVendor__hSkAD:active svg,.ConsentBar-module_expandVendor__hSkAD:focus svg,.ConsentBar-module_expandVendor__hSkAD:hover svg{fill:var(--theme-widget-primary-color)}@media (max-width:780px){.ConsentBar-module_button__2LVnY{display:block;width:100%;margin:10px 0}}@media (min-width:781px){.ConsentBar-module_vendorsBox__Jckbl{position:absolute;bottom:100%;right:5px;margin-bottom:5px;max-width:400px;width:90%;box-sizing:border-box;padding:10px 20px;background-color:inherit;color:inherit;border-radius:5px}.ConsentBar-module_saveButton__16b97{float:right}.ConsentBar-module_decisionButtons__I4T8q{float:right;display:inline-block;white-space:nowrap}}
+.Toggle-module_toggle__2N5XY{border:none;background:transparent;padding:0;position:absolute;top:3px;right:40px;cursor:pointer}.Toggle-module_toggle__2N5XY svg{display:block;fill:var(--theme-widget-on-surface-color);color:var(--theme-widget-surface-color)}.Toggle-module_toggle__2N5XY[aria-checked=true] svg{fill:var(--theme-widget-primary-color);color:var(--theme-widget-on-primary-color)}.widgets-module_translucentWidgetSurface__2WEIa{color:var(--theme-widget-on-surface-color)}.widgets-module_translucentWidgetSurface__2WEIa:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;--translucent-widget-surface-color:color-mix(in srgb,var(--theme-widget-surface-color) var(--theme-widget-surface-opacity),transparent);background-color:var(--translucent-widget-surface-color,var(--theme-widget-surface-color));-webkit-backdrop-filter:blur(var(--theme-widget-surface-backdrop-blur));backdrop-filter:blur(var(--theme-widget-surface-backdrop-blur))}.ConsentBar-module_bar__YiYoC{position:fixed;bottom:0;left:0;width:100%;box-sizing:border-box;z-index:10;padding:10px 20px;font-family:var(--theme-widget-font-family);font-size:15px}.ConsentBar-module_text__2GSPP{margin-top:10px;margin-bottom:10px}.ConsentBar-module_text__2GSPP a{color:var(--theme-accent-color)}.ConsentBar-module_button__2LVnY{border:none;border-radius:5px;margin:10px 5px 5px;padding:10px 15px;font:inherit;cursor:pointer;background-color:transparent;--translucent-widget-border-color:color-mix(in srgb,currentColor,transparent);border:1px solid var(--translucent-widget-border-color,currentColor);color:inherit}.ConsentBar-module_acceptAllButton__1rSdh{background-color:var(--theme-widget-primary-color);border-color:var(--theme-widget-primary-color);color:var(--theme-widget-on-primary-color)}.ConsentBar-module_configureButton__1VBqX{margin-left:0}.ConsentBar-module_configureButton__1VBqX svg{fill:currentColor;margin-right:6px;margin-bottom:1px;vertical-align:bottom}.ConsentBar-module_vendorsBox__Jckbl h3{margin:.5em 0;font-size:1em}.ConsentBar-module_vendorList__3Z4jU{overflow:auto;max-height:40vh;padding-right:5px;margin:5px 0}.ConsentBar-module_vendor__2hPAk{position:relative;margin-bottom:5px;padding:8px 0;min-height:20px}.ConsentBar-module_vendor__2hPAk p{font-size:13px}.ConsentBar-module_vendor__2hPAk a{color:inherit}.ConsentBar-module_expandVendor__hSkAD{border:none;background:transparent;color:inherit;position:absolute;right:5px;top:3px;padding:0;cursor:pointer}.ConsentBar-module_expandVendor__hSkAD svg{fill:currentColor;display:block}.ConsentBar-module_expandVendor__hSkAD:active svg,.ConsentBar-module_expandVendor__hSkAD:focus svg,.ConsentBar-module_expandVendor__hSkAD:hover svg{fill:var(--theme-widget-primary-color)}@media (max-width:780px){.ConsentBar-module_button__2LVnY{display:block;width:100%;margin:10px 0}}@media (min-width:781px){.ConsentBar-module_vendorsBox__Jckbl{position:absolute;bottom:100%;right:5px;margin-bottom:5px;max-width:400px;width:90%;box-sizing:border-box;padding:10px 20px;background-color:var(--theme-widget-surface-color);color:var(--theme-widget-on-surface-color);border-radius:5px}.ConsentBar-module_saveButton__16b97{float:right}.ConsentBar-module_decisionButtons__I4T8q{float:right;display:inline-block;white-space:nowrap}}