pageflow 16.0.0 → 16.2.0

data/entry_types/scrolled/config/locales/en.yml

@@ -5,6 +5,23 @@ en:
     defaultNavigation:
       widget_type_name: Default navigation
     editor:
+      file_types:
+        audio_files:
+          name:
+            one: Audio
+            other: Audios
+        image_files:
+          name:
+            one: Image
+            other: Images
+        other_files:
+          name:
+            one: Other
+            other: Other
+        video_files:
+          name:
+            one: Video
+            other: Videos
       widgets:
         attributes:
           defaultNavigation:
@@ -22,15 +39,28 @@ en:
               label: Hide unmute button
     frontend_v2:
       feature_name: Frontend v2
+    hls_instead_of_dash:
+      feature_name: Use HLS instead of DASH for videos
+    iconInlineFileRights:
+      widget_type_name: Copyright icons
     iframe_embed_content_element:
       feature_name: iframe embed content element
+    scrolled_entry_fragment_caching:
+      feature_name: Pageflow Next Fragment Caching
+    textInlineFileRights:
+      widget_type_name: Text at element
     ui:
       configuration_editor:
         tabs:
           defaultNavigation: Default navigation
+    widgets:
+      roles:
+        inlineFileRights: Inline file rights
   pageflow_scrolled:
     editor:
       backdrop_effects:
+        autoZoom:
+          label: Auto Zoom
         blur:
           label: Blur
         brightness:
@@ -41,6 +71,8 @@ en:
           label: Grayscale
         saturate:
           label: Saturate
+        scrollParallax:
+          label: Scroll Parallax
         sepia:
           label: Sepia
       blank_entry:
@@ -61,14 +93,35 @@ en:
         caption:
           inline_help: The caption of the element will be displayed directly underneath the element.
           label: Caption
+        palette_color:
+          blank: "(Auto)"
         position:
-          inline_help: 'This setting allows you to control the position of the element in relation to surrounding text blocks: the element can prominently stand alone ("Full Width"), it can be anchored within the text ("Inline") or it can be positioned adjacent to the text ("Sticky"). Sticky elements remain static in the middle of the viewport alongside the text until either the section is scrolled out of the viewport or until they get pushed upwards by the next sticky element of the section. On mobile devices sticky elements automatically get positioned inline. Sticky elements work particularly well on desktop devices in combination with long texts.'
+          inline_help: |-
+            Control the position of the element in relation to
+            surrounding text blocks.
+          item_inline_help_texts:
+            inline: |-
+              Anchor in the text and scroll along with the rest of the
+              section's content.
+            left: Indent element on the left and let it be surrounded by the section's text.
+            right: Indent element on the right and let it be surrounded by the section's text.
+            standAlone: |-
+              Briefly stay in the middle of the viewport while
+              scrolling. This gives the reader a stable position to
+              fully view the element. Smaller elements can be given
+              more weight that way.
+            sticky: |-
+              Place beside the text while scrolling. In mobile view,
+              sticky elements are automatically turned into inline
+              elements. Sticky elements work particularly well in
+              desktop view in combination with long text passages.
           label: Position
           values:
             full: Full Width
             inline: Inline
             left: Floated left
             right: Floated right
+            standAlone: Stand alone
             sticky: Sticky
             wide: Wide
         typographyVariant:
@@ -77,6 +130,12 @@ en:
         variant:
           blank: "(Default)"
           label: Variant
+        width:
+          inline_help: |-
+            Drag the slider to change the width of the element. Wider
+            elements interrupt the text flow and stand prominently on
+            their own.
+          label: Width
       content_element_categories:
         basic:
           name: Basic
@@ -89,6 +148,58 @@ en:
         media:
           name: Media
       content_elements:
+        counter:
+          attributes:
+            countingSpeed:
+              inline_help: Determine the speed of the counting animation.
+              label: Counting animation
+              values:
+                fast: Fast
+                medium: Medium
+                none: "(None)"
+                slow: Slow
+            decimalPlaces:
+              inline_help: Determine how many decimal places shall be visible.
+              label: Decimal places
+            entranceAnimation:
+              inline_help: Determine how the number becomes visible once it reaches the center of the viewport
+              label: Entrance Animation
+              values:
+                fadeIn: Fade in
+                fadeInFromAbove: Fade in from above
+                fadeInFromBelow: Fade in from below
+                fadeInScaleDown: Fade in and scale down
+                fadeInScaleUp: Fade in and scale up
+                none: "(None)"
+            numberColor:
+              label: Color
+            startValue:
+              inline_help: The counting animation starts with this value
+              label: Start value
+            targetValue:
+              inline_help: Value to display. Final value for counting animation.
+              label: Target value
+            textSize:
+              inline_help: Determine the font size of the number.
+              label: Text size
+              values:
+                large: Large
+                medium: Medium
+                small: Small
+                verySmall: Very small
+            unit:
+              inline_help: Display a text before or after the number.
+              label: Unit
+            unitPlacement:
+              inline_help: Place the unit before or after the text.
+              label: Unit placement
+              values:
+                leading: Leading ($100)
+                trailing: Trailing (100%)
+          description: Animated metrics
+          name: Counter
+          tabs:
+            general: Counter
         dataWrapperChart:
           attributes:
             backgroundColor:
@@ -137,6 +248,16 @@ en:
           attributes:
             children:
               label: Text
+            color:
+              label: Color
+            entranceAnimation:
+              inline_help: Determine how the heading becomes visible once it reaches the center of the viewport
+              label: Entrance Animation
+              values:
+                fadeIn: Fade in
+                fadeInFast: Fade in (Fast)
+                fadeInSlow: Fade in (Slow)
+                none: "(None)"
             hyphens:
               inline_help: |
                 With manual hyphenation, words are only ever separated
@@ -198,6 +319,11 @@ en:
                 portrait: Portrait (9:16)
                 square: Square (1:1)
                 wide: Landscape (16:9)
+            requireConsent:
+              inline_help: |
+                Only load iframe after the visitor has given
+                consent to the data processing by the embedded page.
+              label: Display privacy opt-in
             scale:
               label: Scale
               values:
@@ -211,9 +337,29 @@ en:
               inline_help: Used by screen readers to describe the chart as a whole.
               label: Title
           description: Embed externally hosted websites
+          help_texts:
+            missingConsentVendor: |-
+              No privacy policy information available for the provider
+              of the given URL.
           name: iframe Embed
           tabs:
             general: iframe Embed
+        imageGallery:
+          attributes:
+            enableFullscreenOnDesktop:
+              inline_help: |-
+                Allow expanding the gallery to fullscreen mode on
+                desktop browsers. On mobile devices images are already
+                displayed as large as possible by default.
+              inline_help_disabled: Not available if position "Full width" has been selected.
+              label: Enable fullscreen on desktop
+          description: A series of images to flip through
+          items:
+            add: Add
+            label: Items
+          name: Image Gallery
+          tabs:
+            general: Image Gallery
         inlineAudio:
           attributes:
             atmoDuringPlayback:
@@ -268,6 +414,10 @@ en:
             general: Before/After
         inlineImage:
           attributes:
+            enableFullscreen:
+              inline_help: Enlarge image on click
+              inline_help_disabled: Not available if position "Full width" has been selected.
+              label: Enable Fullscreen
             id:
               label: Image
             portraitId:
@@ -299,6 +449,17 @@ en:
                 autoplay: Autoplay
                 loop: Loop
                 manual: Manual
+            portraitId:
+              inline_help: |
+                Displayed when the browser viewport is taller than
+                wide, for example on phones or tablets in portrait
+                orientation. Can be used to supply an alternative to a
+                landscape video that makes better use of the available
+                space.
+              label: Video (Portrait)
+            portraitPosterId:
+              inline_help: Poster image displayed for the alternative portrait video.
+              label: Poster (Portrait)
             posterId:
               label: Poster
             rewindOnUnmute:
@@ -323,12 +484,30 @@ en:
           name: Question/Answer
           tabs:
             general: Question/Answer
+        quote:
+          attributes:
+            color:
+              label: Color
+            textSize:
+              label: Text size
+              values:
+                large: Large
+                medium: Medium
+                small: Small
+                verySmall: Very Small
+          description: Stand-alone quote with attribution
+          name: Quote
+          tabs:
+            general: Quote
         soundDisclaimer:
           description: Make sure users unmute before continuing
           name: Audio Notice
           tabs:
             general: Audio Notice
         textBlock:
+          attributes:
+            color:
+              label: Color
           description: Text with lists, block quotes and sub-headings
           help_texts:
             shortcuts: |
@@ -463,6 +642,9 @@ en:
               video: Video
           backdropVideo:
             label: Background-Video
+          backdropVideoMobile:
+            inline_help: Displayed when the browser viewport is taller than wide, for example on phones or tablets in portrait orientation. Can be used to supply an alternative to a landscape background video that would otherwise have important parts cropped off.
+            label: Background-Video (Portrait)
           dynamicShadowOpacity:
             inline_help: Intensity of the shadow which is faded in behind the text to ensure contrast when content is scrolled to intersect with the motif area. Note that this shadow is only visible if motif area and section content do not fit side by side. It's best to switch to phone preview when adjusting this value.
             inline_help_disabled: Activate "Expose motif area" above to use this setting.
@@ -524,13 +706,25 @@ en:
       entry_outline:
         add_chapter: New chapter
         header: Outline
+      inline_file_rights_menu_item:
+        label: Hide rights information here
       insert_content_element:
         cancel: Cancel
         header: Insert element
       no_options: No options available
       section_item:
         drag_hint: Drag to move section
+        duplicate: Duplicate
+        insert_section_above: Insert section above
+        insert_section_below: Insert section below
         save_error: There was an error while saving this section.
+        transitions:
+          beforeAfter: Static Backgrounds
+          fade: Cross fade (incl. content)
+          fadeBg: Cross fade
+          reveal: Reveal
+          scroll: Scroll
+          scrollOver: Scroll over
       select_link_destination:
         cancel: Cancel
         create: Create
@@ -539,6 +733,9 @@ en:
         open_in_new_tab: Open in new tab
         or: or
         select_chapter_or_section: Select chapter or section as destination
+        select_file: Provide file download
+        select_file_description: Let readers download a file when they click the link.
+        select_in_sidebar: Select file
       selectable_chapter_item:
         title: Select chapter
       selectable_section_item:
@@ -546,7 +743,39 @@ en:
     help_entries:
       content_elements:
         menu_item: Content Elements
-        text: "# Content Elements\nIn each section, any number of content elements can be inserted and positioned against a background. The position of the content elements on wide screen aspect ratios is determined by the foreground **positioning of the section** (left, right, centre). In portrait mode on smartphones (upright) the content elements are always displayed one below the other for space reasons.\n\n## Insert elements\nTo add a new content element, click on the **plus button** above or below an existing one and then insert text blocks, media, embeds or external links. \n\nBy clicking on the selected content element, a dialog box for **positioning the content elements** and other options, such as activating **autoplay for audio and video** or entering a caption, appears on the right-hand editing bar. \n\nFor display on wide screen aspect ratios (desktop, notebook, tablet, smartphone landscape), individual content elements such as videos, audios, video embeds, 360° images can also be arranged separately from the positioning in the text flow as **sticky** or **full width**. \n\nIf a section is aligned centrally, content elements can also be **indented to the left or right**. In this case, the content element is reduced in size so that the text can be displayed next to, instead of above the content element."
+        text: |
+          # Content Elements
+
+          In each section, any number of content elements can be
+          inserted and positioned against a background. The position
+          of the content elements on wide screen aspect ratios is
+          determined by the foreground **positioning of the section**
+          (left, right, center). In portrait mode on smartphones
+          (upright) the content elements are always displayed one
+          below the other for space reasons.
+
+          To add a new content element, click on the **plus button**
+          above or below an existing one and then insert text blocks,
+          media, embeds or external links.
+
+          Click on a content element to select it. The sidebar then
+          displays options for **positioning the content element** and
+          other options, such as activating **autoplay for audio and
+          video**.
+
+          For display on wide screen aspect ratios (desktop, notebook,
+          tablet, smartphone landscape), individual content elements
+          such as videos, audios, video embeds, 360° images can also
+          be arranged separately from the text flow as **sticky**
+          elements. Sticky elements remain static in the middle of the
+          viewport alongside the text until either the section is
+          scrolled out of the viewport or they get pushed upwards by
+          the next sticky element of the section.
+
+          If a section is aligned centrally, content elements can also
+          be **indented to the left or right**. In this case, the
+          content element is reduced in size so that the text can be
+          displayed next to, instead of below the content element."
       meta_data:
         menu_item: Title and Options
         text: |
@@ -624,6 +853,7 @@ en:
         menu_item: Section Options
         text: "# Section Options\n\nA click in an empty area of a section will display a selection rectangle around the section. On the right side of the selection rectangle you will find a button with a pencil icon that allows you to edit the options of the section in the sidebar.\n\n## Layout\n\nThe **Foreground Positioning** option allows you to select how the contents of the section should be arranged horizontally. For example, if the background of the section is on the right side, text and content elements can be positioned on the left side and vice versa. For backgrounds in the total or a centred motif, the content elements can be positioned in the middle.\n\nBy selecting a **gradient function**, a sufficient contrast between text and background can be ensured. With the **shadow**, the background is darkened or lightened with a colour gradient. With the **Card** setting, the content elements are displayed on a surface with rounded corners.\n\n## Background\n\nEither an **image**, a **colour** or a **video loop** can be displayed in the background of the section. For background images and video, the important (to be emphasised, essential) part of the image can be marked. This motif area is then initially not covered by the scrolling foreground in both desktop and mobile device displays. Further information about the \"motif areas\" here.\n\nThe **Background image (portrait)** option can be used to optionally specify an alternative image to be used if the screen aspect ratio of a terminal device is higher than wide, for example on smartphones and tablets in portrait mode. The image can be configured as an alternative to the background image in landscape mode, from which otherwise important parts might be cut off.\n\n## Atmo Audio\n\nWith the **\"Atmo\"**, each section can play sound in the background, regardless of the content element. It can be determined whether a sound can only be heard in one section or continues over several sections without interruption. Simply select the same audio file for the following sections under **Options** as Atmo. In this way chapters can be acoustically separated from each other and coherent pages can be interwoven more strongly.\n\nWhen playing audio and video, you can also select whether the background sound should continue to play normally or more quietly during media playback, or whether it should fade out completely. The setting of the ambience sounds can be accessed on each page via the **Options** tab. If the atmosphere disturbs you while editing your entry in the editor, you can temporarily mute it with the key combination **Alt + a**. To reactivate the Atmo, simply press **Alt + a** again.\n\n\n## Transitions\n\nA **transition effect** can be selected between every two sections. \nClick in the background of a section to select it. On the right side \nof the selection rectangle, buttons with two interlocking arrows as \nsymbols appear at the borders of the neighbouring sections. \n\nClick on one of the buttons to select the transition effect for the section \nborder in the sidebar.\n\nThe **Fade** effect is only available between sections for which the \n**Full Viewport Height** option has been activated.\n"
     inline_editing:
+      add_caption: Add caption
       add_content_element: Add new element
       cancel: Cancel
       drag_content_element: Drag to move element
@@ -648,6 +878,8 @@ en:
       insert_link: Insert link
       link_tooltip:
         chapter_number: Chapter %{number}
+        deleted_chapter: Deleted chapter
+        deleted_file: Deleted file
         opens_in_new_tab: Opens in new tab
         opens_in_same_tab: Outside editor, will open in same tab
         visit_chapter: Go to chapter
@@ -656,8 +888,13 @@ en:
       select_content_element: Select element
       select_section: Select section
       type_answer: Type answer text
+      type_attribution: Type a name
+      type_description: Type description
       type_heading: Heading
       type_question: Type question text
+      type_quote: Type quote text
+      type_subtitle: Type subtitle
+      type_tagline: Type tagline
       type_text: Type some text
       type_title: Title
       url_placeholder: Type or paste URL

data/entry_types/scrolled/config/routes.rb

@@ -11,6 +11,10 @@ PageflowScrolled::Engine.routes.draw do
             put :order
           end
 
+          member do
+            post :duplicate
+          end
+
           resources :content_elements do
             collection do
               put :batch

data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb

@@ -30,45 +30,79 @@ module PageflowScrolled
       end
 
       def install_packages
-        run 'yarn add postcss-url@^8.0.0 @fontsource/source-sans-pro'
+        run 'yarn add css-loader style-loader' \
+            ' mini-css-extract-plugin css-minimizer-webpack-plugin' \
+            ' postcss postcss-preset-env postcss-loader' \
+            ' postcss-import postcss-url postcss-flexbugs-fixes' \
+            ' @fontsource/source-sans-pro'
       end
 
-      def webpack_environment
-        inject_into_file('config/webpack/environment.js',
-                         before: "module.exports = environment\n") do
-          "environment.config.merge(require('pageflow/config/webpack'))\n" \
-          "environment.config.merge(require('pageflow-scrolled/config/webpack'))\n\n" \
-          "// Allow loading only chunks of used widgets. runtimeChunk 'single'\n" \
-          "// ensures that modules are only evaluated once which is important\n" \
-          "// for modules with side effects.\n" \
-          "environment.splitChunks((config) =>\n" \
-          "  Object.assign({}, config, { optimization: { runtimeChunk: 'single' }})\n" \
-          ")\n\n" \
-          "// Opt into future default behavior of Webpacker [1] to work around\n" \
-          "// problems with Video.js DASH service worker.\n" \
-          "//\n" \
-          "// [1] https://github.com/rails/webpacker/pull/2624\n" \
-          "environment.loaders.delete('nodeModules')\n\n"
-        end
-      end
-
-      def webpacker_yml
-        gsub_file('config/webpacker.yml',
-                  'extract_css: false',
-                  'extract_css: true')
-
-        inject_into_file('config/webpacker.yml',
-                         after: "- .woff2\n") do
-          "    - .mp3\n    - .webmanifest\n    - .xml\n"
-        end
+      def webpack_config
+        gsub_file(
+          'config/webpack/webpack.config.js',
+          "const { generateWebpackConfig } = require('shakapacker')",
+          "const { generateWebpackConfig, merge, mergeWithRules } = require('shakapacker')"
+        )
+
+        gsub_file(
+          'config/webpack/webpack.config.js',
+          'const webpackConfig = generateWebpackConfig()',
+          <<~JS
+            const webpackConfig = merge(
+              generateWebpackConfig({
+                resolve: {
+                  extensions: ['.css']
+                }
+              }),
+              require('pageflow/config/webpack5'),
+              require('pageflow-scrolled/config/webpack')
+            )
+          JS
+        )
+
+        gsub_file(
+          'config/webpack/webpack.config.js',
+          'module.exports = webpackConfig',
+          <<~JS
+            // Extend file rule to include mp3 extension
+            module.exports = mergeWithRules({
+              module: {
+                rules: {
+                  test: 'replace',
+                  type: 'match'
+                },
+              },
+            })(webpackConfig, {
+              module: {
+                rules: [
+                  {
+                    test: /\.(bmp|gif|jpe?g|png|tiff|ico|avif|webp|eot|otf|ttf|woff|woff2|svg|mp3)$/,
+                    type: 'asset/resource'
+                  }
+                ]
+              }
+            })
+          JS
+        )
       end
 
       def postcss_config
-        inject_into_file('postcss.config.js',
-                         after: "require('postcss-import'),\n") do
-          "    // Make relative urls in fontsource packages work\n" \
-          "    require('postcss-url')({url: 'rebase'}),\n"
-        end
+        create_file 'postcss.config.js', <<~JS
+          module.exports = {
+            plugins: [
+              require('postcss-import'),
+              // Make relative urls in fontsource packages work
+              require('postcss-url')({url: 'rebase'}),
+              require('postcss-flexbugs-fixes'),
+              require('postcss-preset-env')({
+                autoprefixer: {
+                  flexbox: 'no-2009'
+                },
+                stage: 3
+              })
+            ]
+          }
+        JS
       end
 
       def editor_pack
@@ -95,16 +129,7 @@ module PageflowScrolled
         create_file 'app/javascript/packs/pageflow-scrolled-server.js', <<-JS
           import 'pageflow-scrolled/frontend-server';
           import 'pageflow-scrolled/contentElements-frontend';
-          import 'pageflow-scrolled/widgets/defaultNavigation';
-        JS
-      end
-
-      def default_navigation_widget_packs
-        widget_dir = 'app/javascript/packs/pageflow-scrolled/widgets'
-
-        create_file File.join(widget_dir, 'defaultNavigation.js'), <<-JS
-          import 'pageflow-scrolled/widgets/defaultNavigation';
-          import 'pageflow-scrolled/widgets/defaultNavigation.css';
+          import 'pageflow-scrolled/widgets-server';
         JS
       end
 

data/entry_types/scrolled/lib/pageflow_scrolled/additional_packs.rb

@@ -27,7 +27,8 @@ module PageflowScrolled
     # @api private
     def paths_for_content_element_types(type_names)
       @packs.reject { |pack|
-        (pack.content_element_type_names & type_names).empty?
+        pack.content_element_type_names.present? &&
+          (pack.content_element_type_names & type_names).empty?
       }.map(&:path)
     end
 

data/entry_types/scrolled/lib/pageflow_scrolled/additional_seed_data.rb

@@ -32,7 +32,7 @@ module PageflowScrolled
           entry.revision,
           content_element_type_names
         ),
-        options
+        **options
       )
     end
 

data/entry_types/scrolled/lib/pageflow_scrolled/configuration.rb

@@ -44,12 +44,108 @@ module PageflowScrolled
     # @since 15.7
     attr_reader :additional_frontend_seed_data
 
+    # Determine which vendors a content element will require consent
+    # for. Based on the vendor name returned here, the following
+    # translations will be used in consent UI components.
+    #
+    #     pageflow_scrolled.consent_vendors.#{name}.name
+    #     pageflow_scrolled.consent_vendors.#{name}.description
+    #     pageflow_scrolled.consent_vendors.#{name}.opt_in_prompt
+    #
+    # @example
+    #
+    #     config.content_element_consent_vendors.register(
+    #       lambda |configuration:| do
+    #         if configuration['provider'] == 'youtube'
+    #           'youtube'
+    #         else
+    #           'vimeo'
+    #         end
+    #       end,
+    #       content_element_type_name: 'videoEmbed'
+    #     )
+    #
+    # @return [ContentElementConsentVendors]
+    # @since 16.1
+    attr_reader :content_element_consent_vendors
+
+    # Mapping from URL hosts to consent vendor names. Used for iframe
+    # embed opt-in.
+    #
+    # @exmaple
+    #
+    #     entry_type_config.consent_vendor_host_matchers = {
+    #       /\.some-vendor\.com$/ => 'someVendor'
+    #     }
+    #
+    # @return [Hash<RegExp, String>]
+    # @since 16.1
+    attr_accessor :consent_vendor_host_matchers
+
+    # Migrate typography variants to palette colors. Before palette
+    # colors for text blocks and headings were introduced, it was
+    # already possible to color text by defining typography variants
+    # that only differ by text color. Now that color can be configured
+    # independently, those typography variants have become
+    # redundant. This option allows mapping each of those legacy
+    # typography variants to a palette color and a different
+    # typography variant that does not change color. Legacy typography
+    # variants are not displayed in the editor typography variant list
+    # box. When an element that uses a legacy typography variant is
+    # selected in the editor, the typography variant and palette color
+    # from the mapping can be shown as currently selected instead. To
+    # make this work, the corresponding Backbome model needs to be
+    # wrapped using Entry#createLegacyTypographyVariantDelegator.
+    #
+    # @example
+    #
+    #     config.themes.register(
+    #       :custom,
+    #       typography: {
+    #         # Replaced by default variant and palette color
+    #         'textBlock-paragraph-accent' => {
+    #           color: 'var(--theme-accent-color)'
+    #         },
+    #         'textBlock-paragraph-lg' => {
+    #           font_size: '28px',
+    #         },
+    #         # Replaced by lg variant and palette color
+    #         'textBlock-paragraph-lgAccent' => {
+    #           font_size: '28px',
+    #           color: 'var(--theme-accent-color)'
+    #         },
+    #       },
+    #       properties: {
+    #         root: {
+    #           accent_color: '#e10028',
+    #           palette_color_accent: 'var(--theme-accent-color)'
+    #         }
+    #       }
+    #     )
+    #
+    #     config.legacy_typography_variants = {
+    #       'accent' => {
+    #         palette_color: 'accent'
+    #       },
+    #       'lgAccent' => {
+    #         variant: 'lg',
+    #         palette_color: 'accent'
+    #       }
+    #     }
+    #
+    # @since 16.1
+    attr_accessor :legacy_typography_variants
+
     def initialize(*)
       super
       @additional_frontend_packs = AdditionalPacks.new
       @additional_editor_packs = AdditionalPacks.new
 
       @additional_frontend_seed_data = AdditionalSeedData.new
+      @content_element_consent_vendors = ContentElementConsentVendors.new
+      @consent_vendor_host_matchers = {}
+
+      @legacy_typography_variants = {}
     end
   end
 end