pageflow 16.0.0 → 16.2.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/CHANGELOG.md +86 -33
- data/README.md +6 -6
- data/Rakefile +1 -1
- data/admins/pageflow/entry.rb +0 -1
- data/admins/pageflow/sites.rb +3 -0
- data/app/assets/images/pageflow/admin/icons/published_with_noindex.svg +4 -0
- data/app/assets/javascripts/pageflow/dist/ui.js +299 -72
- data/app/assets/stylesheets/pageflow/admin/active_admin_patches.scss +1 -1
- data/app/assets/stylesheets/pageflow/admin/entries.scss +4 -0
- data/app/assets/stylesheets/pageflow/admin/permalink_input.scss +10 -0
- data/app/assets/stylesheets/pageflow/admin/publication_state_indicator.scss +4 -0
- data/app/assets/stylesheets/pageflow/editor/base.scss +0 -1
- data/app/assets/stylesheets/pageflow/editor/drop_down_button.scss +61 -7
- data/app/assets/stylesheets/pageflow/editor/file_meta_data.scss +12 -1
- data/app/assets/stylesheets/pageflow/editor/file_thumbnails.scss +4 -0
- data/app/assets/stylesheets/pageflow/editor/help.scss +3 -3
- data/app/assets/stylesheets/pageflow/editor/info_box.scss +7 -0
- data/app/assets/stylesheets/pageflow/editor/inputs/file_input.scss +0 -5
- data/app/assets/stylesheets/pageflow/ui/forms.scss +4 -4
- data/app/assets/stylesheets/pageflow/{editor/wysihtml5.scss → ui/input/text_area_input.scss} +13 -1
- data/app/assets/stylesheets/pageflow/ui.scss +1 -0
- data/app/controllers/pageflow/chapters_controller.rb +2 -2
- data/app/controllers/pageflow/editor/entry_publications_controller.rb +5 -1
- data/app/controllers/pageflow/editor/file_import_controller.rb +1 -1
- data/app/controllers/pageflow/editor/files_controller.rb +1 -1
- data/app/controllers/pageflow/entries_controller.rb +12 -2
- data/app/controllers/pageflow/feeds_controller.rb +18 -0
- data/app/controllers/pageflow/pages_controller.rb +2 -2
- data/app/controllers/pageflow/sitemaps_controller.rb +15 -0
- data/app/controllers/pageflow/storylines_controller.rb +2 -2
- data/app/helpers/pageflow/entries_helper.rb +4 -1
- data/app/helpers/pageflow/feeds_helper.rb +66 -0
- data/app/helpers/pageflow/meta_tags_helper.rb +2 -1
- data/app/helpers/pageflow/page_types_helper.rb +10 -10
- data/app/helpers/pageflow/revision_file_helper.rb +3 -3
- data/app/helpers/pageflow/social_share_helper.rb +2 -2
- data/app/inputs/pageflow_permalink_input.rb +15 -3
- data/app/models/concerns/pageflow/entry_publication_states.rb +9 -0
- data/app/models/concerns/pageflow/reusable_file.rb +3 -3
- data/app/models/concerns/pageflow/uploadable_file.rb +5 -0
- data/app/models/pageflow/account.rb +8 -0
- data/app/models/pageflow/audio_file_url_templates.rb +2 -1
- data/app/models/pageflow/draft_entry.rb +1 -1
- data/app/models/pageflow/entries_feed.rb +32 -0
- data/app/models/pageflow/entry.rb +7 -5
- data/app/models/pageflow/entry_at_revision.rb +2 -0
- data/app/models/pageflow/image_file.rb +34 -8
- data/app/models/pageflow/image_file_url_templates.rb +7 -1
- data/app/models/pageflow/membership.rb +3 -2
- data/app/models/pageflow/other_file.rb +5 -0
- data/app/models/pageflow/other_file_url_templates.rb +16 -0
- data/app/models/pageflow/published_entry.rb +6 -0
- data/app/models/pageflow/revision.rb +6 -0
- data/app/models/pageflow/site.rb +8 -0
- data/app/models/pageflow/sitemaps.rb +14 -0
- data/app/models/pageflow/used_file.rb +10 -2
- data/app/models/pageflow/video_file_url_templates.rb +3 -1
- data/app/models/pageflow/widget.rb +9 -1
- data/app/views/admin/entries/_permalink_inputs.html.erb +1 -2
- data/app/views/admin/sites/_attributes_table.html.arb +3 -0
- data/app/views/admin/sites/_fields.html.erb +6 -0
- data/app/views/components/pageflow/admin/extensible_attributes_table.rb +2 -2
- data/app/views/components/pageflow/admin/revisions_tab.rb +8 -0
- data/app/views/components/pageflow/admin/sites_tab.rb +3 -0
- data/app/views/pageflow/editor/config/_seeds.json.jbuilder +2 -0
- data/app/views/pageflow/editor/entries/_entry.json.jbuilder +1 -0
- data/app/views/pageflow/editor/entry_publications/check.json.jbuilder +1 -0
- data/app/views/pageflow/feeds/index.atom.builder +20 -0
- data/app/views/pageflow/image_files/_image_file.json.jbuilder +1 -0
- data/app/views/pageflow/meta_tags/_entry.html.erb +1 -0
- data/app/views/pageflow/sitemaps/index.xml.builder +9 -0
- data/config/initializers/features.rb +3 -0
- data/config/initializers/paperclip.rb +8 -0
- data/config/locales/de.yml +77 -6
- data/config/locales/en.yml +79 -4
- data/config/routes.rb +3 -0
- data/config/spring.rb +1 -1
- data/db/migrate/20230120092923_create_other_files.rb +23 -0
- data/db/migrate/20230323115745_add_feeds_enabled_to_sites.rb +5 -0
- data/db/migrate/20230323154323_add_sitemap_enabled_to_sites.rb +5 -0
- data/db/migrate/20230331103823_add_title_to_sites.rb +5 -0
- data/db/migrate/20230405103612_add_custom_feed_url_to_sites.rb +5 -0
- data/db/migrate/20231024062501_add_output_presences_to_image_files.rb +5 -0
- data/db/migrate/20231128124523_add_noindex_to_revisions.rb +5 -0
- data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/editor.js +710 -259
- data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/frontend.js +34 -5
- data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/react-client.js +1 -1
- data/entry_types/paged/app/assets/javascripts/pageflow_paged/dist/react-server.js +1 -1
- data/entry_types/paged/app/controllers/pageflow_paged/editor/entries_controller.rb +0 -2
- data/entry_types/paged/app/controllers/pageflow_paged/entries_controller.rb +2 -1
- data/entry_types/paged/app/views/pageflow_paged/entries/show.html.erb +1 -0
- data/entry_types/paged/config/initializers/features.rb +0 -1
- data/entry_types/paged/lib/pageflow_paged/engine.rb +13 -1
- data/entry_types/scrolled/app/controllers/pageflow_scrolled/editor/chapters_controller.rb +2 -2
- data/entry_types/scrolled/app/controllers/pageflow_scrolled/editor/content_elements_controller.rb +3 -4
- data/entry_types/scrolled/app/controllers/pageflow_scrolled/editor/sections_controller.rb +13 -6
- data/entry_types/scrolled/app/controllers/pageflow_scrolled/entries_controller.rb +11 -3
- data/entry_types/scrolled/app/helpers/pageflow_scrolled/cache_helper.rb +11 -0
- data/entry_types/scrolled/app/helpers/pageflow_scrolled/editor/entry_json_seed_helper.rb +42 -0
- data/entry_types/scrolled/app/helpers/pageflow_scrolled/editor/seed_html_helper.rb +8 -5
- data/entry_types/scrolled/app/helpers/pageflow_scrolled/packs_helper.rb +17 -12
- data/entry_types/scrolled/app/helpers/pageflow_scrolled/react_server_side_rendering_helper.rb +9 -1
- data/entry_types/scrolled/app/helpers/pageflow_scrolled/themes_helper.rb +1 -1
- data/entry_types/scrolled/app/models/pageflow_scrolled/chapter.rb +23 -0
- data/entry_types/scrolled/app/views/pageflow_scrolled/editor/entries/_head.html.erb +1 -1
- data/entry_types/scrolled/app/views/pageflow_scrolled/editor/entries/_seed.json.jbuilder +1 -5
- data/entry_types/scrolled/app/views/pageflow_scrolled/editor/sections/_section_with_content_elements.json.jbuilder +10 -0
- data/entry_types/scrolled/app/views/pageflow_scrolled/entries/show.html.erb +44 -41
- data/entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_consent_vendors.json.jbuilder +16 -0
- data/entry_types/scrolled/app/views/pageflow_scrolled/entry_json_seed/_entry.json.jbuilder +7 -0
- data/entry_types/scrolled/config/initializers/features.rb +5 -0
- data/entry_types/scrolled/config/locales/consent_widget.de.yml +4 -0
- data/entry_types/scrolled/config/locales/consent_widget.en.yml +4 -0
- data/entry_types/scrolled/config/locales/de.yml +225 -8
- data/entry_types/scrolled/config/locales/en.yml +239 -2
- data/entry_types/scrolled/config/routes.rb +4 -0
- data/entry_types/scrolled/lib/generators/pageflow_scrolled/install/install_generator.rb +69 -44
- data/entry_types/scrolled/lib/pageflow_scrolled/additional_packs.rb +2 -1
- data/entry_types/scrolled/lib/pageflow_scrolled/additional_seed_data.rb +1 -1
- data/entry_types/scrolled/lib/pageflow_scrolled/configuration.rb +96 -0
- data/entry_types/scrolled/lib/pageflow_scrolled/content_element_consent_vendors.rb +38 -0
- data/entry_types/scrolled/lib/pageflow_scrolled/engine.rb +13 -1
- data/entry_types/scrolled/lib/pageflow_scrolled/plugin.rb +30 -0
- data/entry_types/scrolled/lib/pageflow_scrolled/react_widget_type.rb +6 -1
- data/entry_types/scrolled/lib/pageflow_scrolled/web_app_manifest.rb +1 -1
- data/entry_types/scrolled/lib/tasks/pageflow_scrolled/dummy.rake +1 -1
- data/entry_types/scrolled/lib/tasks/pageflow_scrolled/storybook.rake +1 -2
- data/entry_types/scrolled/package/config/webpack.js +26 -0
- data/entry_types/scrolled/package/contentElements-editor.js +330 -32
- data/entry_types/scrolled/package/contentElements-frontend.css +1 -1
- data/entry_types/scrolled/package/contentElements-frontend.js +920 -145
- data/entry_types/scrolled/package/editor.js +819 -239
- data/entry_types/scrolled/package/frontend/{EditableInlineText.module-14c7b097.js → EditableInlineText.module-6ee0e024.js} +1975 -1792
- data/entry_types/scrolled/package/frontend/PhonePlatformContext-b28d991a.js +32 -0
- data/entry_types/scrolled/package/frontend/ToggleFullscreenCornerButton-8242f213.js +107 -0
- data/entry_types/scrolled/package/frontend/Viewer-32cd1ac1.js +154 -0
- data/entry_types/scrolled/package/frontend/{Viewer-b6becc57.js → Viewer-6e4d14ed.js} +32 -161
- data/entry_types/scrolled/package/frontend/arrowRight-e42e6011.js +77 -0
- data/entry_types/scrolled/package/frontend/{components-b3160dd7.js → components-24363f97.js} +188 -47
- data/entry_types/scrolled/package/frontend/{PhonePlatformContext-f6093cc6.js → i18n-71c39823.js} +191 -111
- data/entry_types/scrolled/package/frontend/index-fc4b13e6.js +118 -0
- data/entry_types/scrolled/package/frontend/index.css +1 -1
- data/entry_types/scrolled/package/frontend/index.js +252 -76
- data/entry_types/scrolled/package/frontend/useContentElementEditorState-245f1986.js +52 -0
- data/entry_types/scrolled/package/package.json +6 -4
- data/entry_types/scrolled/package/testHelpers.js +11 -2
- data/entry_types/scrolled/package/values/colors.module.css +15 -0
- data/entry_types/scrolled/package/widgets/consentBar.css +1 -0
- data/entry_types/scrolled/package/widgets/consentBar.js +426 -0
- data/entry_types/scrolled/package/widgets/defaultNavigation.css +2 -2
- data/entry_types/scrolled/package/widgets/defaultNavigation.js +39 -4
- data/entry_types/scrolled/package/widgets/iconInlineFileRights.css +1 -0
- data/entry_types/scrolled/package/widgets/iconInlineFileRights.js +49 -0
- data/entry_types/scrolled/package/widgets/textInlineFileRights.css +1 -0
- data/entry_types/scrolled/package/widgets/textInlineFileRights.js +37 -0
- data/lib/generators/pageflow/resque/resque_generator.rb +1 -1
- data/lib/generators/pageflow/resque/templates/resque.rake +1 -1
- data/lib/generators/pageflow/resque/templates/resque.rb +1 -1
- data/lib/generators/pageflow/routes/routes_generator.rb +1 -1
- data/lib/pageflow/ability_mixin.rb +5 -5
- data/lib/pageflow/active_admin_can_can_fix.rb +2 -2
- data/lib/pageflow/built_in_file_type.rb +7 -0
- data/lib/pageflow/configuration.rb +29 -1
- data/lib/pageflow/engine.rb +18 -40
- data/lib/pageflow/entry_export_import/revision_serialization.rb +1 -1
- data/lib/pageflow/file_type.rb +2 -2
- data/lib/pageflow/global_config_api.rb +2 -2
- data/lib/pageflow/nested_revision_component.rb +23 -5
- data/lib/pageflow/page_type.rb +1 -1
- data/lib/pageflow/paperclip_processors/webp.rb +63 -0
- data/lib/pageflow/rails_version.rb +19 -0
- data/lib/pageflow/seeds.rb +10 -7
- data/lib/pageflow/user_mixin.rb +1 -1
- data/lib/pageflow/version.rb +1 -1
- data/lib/pageflow/widget_types.rb +4 -0
- data/package/config/jest/index.js +3 -1
- data/package/config/webpack5.js +14 -0
- data/package/editor.js +410 -181
- data/package/frontend.js +34 -4
- data/package/testHelpers.js +1 -1
- data/package/ui.js +297 -71
- data/spec/factories/entries.rb +34 -3
- data/spec/factories/sites.rb +3 -0
- data/vendor/assets/javascripts/iscroll.js +4 -7
- metadata +118 -80
- data/app/helpers/pageflow/admin/permalinks_helper.rb +0 -15
- data/entry_types/scrolled/package/frontend/arrowRight-78a7cee4.js +0 -42
@@ -0,0 +1,52 @@
|
|
1
|
+
import { useState, useRef, useEffect, createContext, useContext } from 'react';
|
2
|
+
import { _ as _slicedToArray } from './i18n-71c39823.js';
|
3
|
+
|
4
|
+
function useDelayedBoolean(value, _ref) {
|
5
|
+
var fromFalseToTrue = _ref.fromFalseToTrue,
|
6
|
+
fromTrueToFalse = _ref.fromTrueToFalse;
|
7
|
+
|
8
|
+
var _useState = useState(false),
|
9
|
+
_useState2 = _slicedToArray(_useState, 2),
|
10
|
+
setFlag = _useState2[1];
|
11
|
+
|
12
|
+
var timeoutRef = useRef(null);
|
13
|
+
var ref = useRef(value);
|
14
|
+
useEffect(function () {
|
15
|
+
if (value && !fromFalseToTrue || !value && !fromTrueToFalse) {
|
16
|
+
ref.current = value;
|
17
|
+
} else if (ref.current !== value) {
|
18
|
+
timeoutRef.current = setTimeout(function () {
|
19
|
+
ref.current = value;
|
20
|
+
setFlag(function (flag) {
|
21
|
+
return !flag;
|
22
|
+
});
|
23
|
+
}, ref.current ? fromTrueToFalse : fromFalseToTrue);
|
24
|
+
return function () {
|
25
|
+
return clearTimeout(timeoutRef.current);
|
26
|
+
};
|
27
|
+
}
|
28
|
+
}, [value, fromTrueToFalse, fromFalseToTrue]);
|
29
|
+
return !fromFalseToTrue && value || ref.current && (!!fromTrueToFalse || value);
|
30
|
+
}
|
31
|
+
|
32
|
+
var ContentElementEditorStateContext = createContext({
|
33
|
+
isSelected: false,
|
34
|
+
isEditable: false,
|
35
|
+
setTransientState: function setTransientState() {}
|
36
|
+
});
|
37
|
+
/**
|
38
|
+
* Use inside a content element component to determine whether the
|
39
|
+
* component is being rendered inside the editor iframe, and whether
|
40
|
+
* the content element is currently selected. This can be used to
|
41
|
+
* implement simple inline editing capabilities like displaying extra
|
42
|
+
* information when the content element is selected.
|
43
|
+
*
|
44
|
+
* @example
|
45
|
+
* const {isEditable, isSelected} = useContentElementEditorState();
|
46
|
+
*/
|
47
|
+
|
48
|
+
function useContentElementEditorState() {
|
49
|
+
return useContext(ContentElementEditorStateContext);
|
50
|
+
}
|
51
|
+
|
52
|
+
export { ContentElementEditorStateContext as C, useContentElementEditorState as a, useDelayedBoolean as u };
|
@@ -21,16 +21,18 @@
|
|
21
21
|
"react-draggable": "^4.4.2",
|
22
22
|
"react-measure": "^2.3.0",
|
23
23
|
"react-player": "^1.15.2",
|
24
|
+
"react-quick-pinch-zoom": "^4.8.0",
|
24
25
|
"react-tooltip": "^3.11.1",
|
25
26
|
"react_ujs": "^2.6.1",
|
26
27
|
"reselect": "^4.0.0",
|
27
28
|
"screenfull": "^5.1.0",
|
29
|
+
"scroll-timeline": "https://github.com/tf/scroll-timeline#pageflow-scrolled-1",
|
28
30
|
"slate": "^0.57.3",
|
29
31
|
"slate-react": "^0.57.3",
|
30
32
|
"slugify": "^1.4.6",
|
31
33
|
"striptags": "^3.1.1",
|
32
34
|
"use-context-selector": "^1.2.11",
|
33
|
-
"video.js": "https://github.com/tf/video.js#pageflow-scrolled-
|
35
|
+
"video.js": "https://github.com/tf/video.js#pageflow-scrolled-8",
|
34
36
|
"wavesurfer.js": "6.1.0",
|
35
37
|
"whatwg-fetch": "^3.0.0"
|
36
38
|
},
|
@@ -76,8 +78,8 @@
|
|
76
78
|
"scripts": {
|
77
79
|
"test": "jest",
|
78
80
|
"lint": "eslint .",
|
79
|
-
"start-storybook": "start-storybook -s .storybook/static",
|
80
|
-
"build-storybook": "build-storybook -s .storybook/static -o .storybook/out",
|
81
|
-
"snapshot": "build-storybook --quiet -s .storybook/static -o .storybook/out && PERCY_TOKEN=${PERCY_TOKEN:-$PT} percy-storybook --widths=1280 --build_dir=.storybook/out"
|
81
|
+
"start-storybook": "NODE_OPTIONS=--openssl-legacy-provider start-storybook -s .storybook/static",
|
82
|
+
"build-storybook": "NODE_OPTIONS=--openssl-legacy-provider build-storybook -s .storybook/static -o .storybook/out",
|
83
|
+
"snapshot": "NODE_OPTIONS=--openssl-legacy-provider build-storybook --quiet -s .storybook/static -o .storybook/out && PERCY_TOKEN=${PERCY_TOKEN:-$PT} percy-storybook --widths=1280 --build_dir=.storybook/out"
|
82
84
|
}
|
83
85
|
}
|
@@ -65,6 +65,9 @@ function _objectSpread2(target) {
|
|
65
65
|
* @param {Object} [options.legalInfo] - imprint, copyright and privacy information of entry.
|
66
66
|
* @param {Object} [options.themeOptions] - Options set via theme registration.
|
67
67
|
* @param {Object} [options.themeAssets] - Paths to theme assets.
|
68
|
+
* @param {Object} [options.additionalSeedData] - Seed data by name.
|
69
|
+
* @param {Array} [options.consentVendors] - Server rendered consent vendor data.
|
70
|
+
* @param {Object} [options.contentElementConsentVendors] - Consent vendor name by content element id.
|
68
71
|
* @param {Object} [options.entry] - attributes of entry.
|
69
72
|
* @param {Array} [options.imageFiles] - Array of objects with image file attributes of entry.
|
70
73
|
* @param {Array} [options.videoFiles] - Array of objects with video file attributes of entry.
|
@@ -96,7 +99,10 @@ function normalizeSeed() {
|
|
96
99
|
sections = _ref.sections,
|
97
100
|
contentElements = _ref.contentElements,
|
98
101
|
widgets = _ref.widgets,
|
99
|
-
additionalSeedData = _ref.additionalSeedData
|
102
|
+
additionalSeedData = _ref.additionalSeedData,
|
103
|
+
consentVendors = _ref.consentVendors,
|
104
|
+
contentElementConsentVendors = _ref.contentElementConsentVendors,
|
105
|
+
fileLicenses = _ref.fileLicenses;
|
100
106
|
|
101
107
|
var entries = entry ? [entry] : [{}];
|
102
108
|
var normalizedEntries = normalizeCollection(entries);
|
@@ -130,7 +136,10 @@ function normalizeSeed() {
|
|
130
136
|
}),
|
131
137
|
additionalSeedData: additionalSeedData || {
|
132
138
|
frontendVersion: 1
|
133
|
-
}
|
139
|
+
},
|
140
|
+
consentVendors: consentVendors || [],
|
141
|
+
contentElementConsentVendors: contentElementConsentVendors || {},
|
142
|
+
fileLicenses: fileLicenses || {}
|
134
143
|
},
|
135
144
|
collections: {
|
136
145
|
entries: normalizedEntries,
|
@@ -3,3 +3,18 @@
|
|
3
3
|
|
4
4
|
@value lightContentTextColor: var(--theme-light-content-text-color, #fff);
|
5
5
|
@value darkContentTextColor: var(--theme-dark-content-text-color, #222);
|
6
|
+
|
7
|
+
@value lightContentLinkColor: var(--theme-light-content-link-color, var(--theme-content-link-color, currentColor));
|
8
|
+
@value darkContentLinkColor: var(--theme-dark-content-link-color, var(--theme-content-link-color, currentColor));
|
9
|
+
|
10
|
+
@value contentLinkColor: var(--content-link-color);
|
11
|
+
@value contentTextColor: var(--content-text-color);
|
12
|
+
|
13
|
+
/* see src/frontend/global.module.css */
|
14
|
+
|
15
|
+
.contentColorScope {
|
16
|
+
--theme-light-content-surface-color: var(--root-light-content-surface-color);
|
17
|
+
--theme-dark-content-surface-color: var(--root-dark-content-surface-color);
|
18
|
+
--theme-light-content-text-color: var(--root-light-content-text-color);
|
19
|
+
--theme-dark-content-text-color: var(--root-dark-content-text-color);
|
20
|
+
}
|
@@ -0,0 +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}}
|
@@ -0,0 +1,426 @@
|
|
1
|
+
import { useI18n, ThemeIcon, useConsentRequested, useLocale, useLegalInfo, frontend } from 'pageflow-scrolled/frontend';
|
2
|
+
import React, { useReducer, useState } from 'react';
|
3
|
+
|
4
|
+
function _arrayWithHoles(arr) {
|
5
|
+
if (Array.isArray(arr)) return arr;
|
6
|
+
}
|
7
|
+
|
8
|
+
function _iterableToArrayLimit(arr, i) {
|
9
|
+
if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
|
10
|
+
var _arr = [];
|
11
|
+
var _n = true;
|
12
|
+
var _d = false;
|
13
|
+
var _e = undefined;
|
14
|
+
|
15
|
+
try {
|
16
|
+
for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
|
17
|
+
_arr.push(_s.value);
|
18
|
+
|
19
|
+
if (i && _arr.length === i) break;
|
20
|
+
}
|
21
|
+
} catch (err) {
|
22
|
+
_d = true;
|
23
|
+
_e = err;
|
24
|
+
} finally {
|
25
|
+
try {
|
26
|
+
if (!_n && _i["return"] != null) _i["return"]();
|
27
|
+
} finally {
|
28
|
+
if (_d) throw _e;
|
29
|
+
}
|
30
|
+
}
|
31
|
+
|
32
|
+
return _arr;
|
33
|
+
}
|
34
|
+
|
35
|
+
function _arrayLikeToArray(arr, len) {
|
36
|
+
if (len == null || len > arr.length) len = arr.length;
|
37
|
+
|
38
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) {
|
39
|
+
arr2[i] = arr[i];
|
40
|
+
}
|
41
|
+
|
42
|
+
return arr2;
|
43
|
+
}
|
44
|
+
|
45
|
+
function _unsupportedIterableToArray(o, minLen) {
|
46
|
+
if (!o) return;
|
47
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
48
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
49
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
50
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
51
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
52
|
+
}
|
53
|
+
|
54
|
+
function _nonIterableRest() {
|
55
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
56
|
+
}
|
57
|
+
|
58
|
+
function _slicedToArray(arr, i) {
|
59
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
60
|
+
}
|
61
|
+
|
62
|
+
function _defineProperty(obj, key, value) {
|
63
|
+
if (key in obj) {
|
64
|
+
Object.defineProperty(obj, key, {
|
65
|
+
value: value,
|
66
|
+
enumerable: true,
|
67
|
+
configurable: true,
|
68
|
+
writable: true
|
69
|
+
});
|
70
|
+
} else {
|
71
|
+
obj[key] = value;
|
72
|
+
}
|
73
|
+
|
74
|
+
return obj;
|
75
|
+
}
|
76
|
+
|
77
|
+
function ownKeys(object, enumerableOnly) {
|
78
|
+
var keys = Object.keys(object);
|
79
|
+
|
80
|
+
if (Object.getOwnPropertySymbols) {
|
81
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
82
|
+
if (enumerableOnly) symbols = symbols.filter(function (sym) {
|
83
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
84
|
+
});
|
85
|
+
keys.push.apply(keys, symbols);
|
86
|
+
}
|
87
|
+
|
88
|
+
return keys;
|
89
|
+
}
|
90
|
+
|
91
|
+
function _objectSpread2(target) {
|
92
|
+
for (var i = 1; i < arguments.length; i++) {
|
93
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
94
|
+
|
95
|
+
if (i % 2) {
|
96
|
+
ownKeys(Object(source), true).forEach(function (key) {
|
97
|
+
_defineProperty(target, key, source[key]);
|
98
|
+
});
|
99
|
+
} else if (Object.getOwnPropertyDescriptors) {
|
100
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
101
|
+
} else {
|
102
|
+
ownKeys(Object(source)).forEach(function (key) {
|
103
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
104
|
+
});
|
105
|
+
}
|
106
|
+
}
|
107
|
+
|
108
|
+
return target;
|
109
|
+
}
|
110
|
+
|
111
|
+
var styles = {"toggle":"Toggle-module_toggle__2N5XY"};
|
112
|
+
|
113
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
114
|
+
if (source == null) return {};
|
115
|
+
var target = {};
|
116
|
+
var sourceKeys = Object.keys(source);
|
117
|
+
var key, i;
|
118
|
+
|
119
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
120
|
+
key = sourceKeys[i];
|
121
|
+
if (excluded.indexOf(key) >= 0) continue;
|
122
|
+
target[key] = source[key];
|
123
|
+
}
|
124
|
+
|
125
|
+
return target;
|
126
|
+
}
|
127
|
+
|
128
|
+
function _objectWithoutProperties(source, excluded) {
|
129
|
+
if (source == null) return {};
|
130
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
131
|
+
var key, i;
|
132
|
+
|
133
|
+
if (Object.getOwnPropertySymbols) {
|
134
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
135
|
+
|
136
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
137
|
+
key = sourceSymbolKeys[i];
|
138
|
+
if (excluded.indexOf(key) >= 0) continue;
|
139
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
140
|
+
target[key] = source[key];
|
141
|
+
}
|
142
|
+
}
|
143
|
+
|
144
|
+
return target;
|
145
|
+
}
|
146
|
+
|
147
|
+
function _extends() {
|
148
|
+
_extends = Object.assign || function (target) {
|
149
|
+
for (var i = 1; i < arguments.length; i++) {
|
150
|
+
var source = arguments[i];
|
151
|
+
|
152
|
+
for (var key in source) {
|
153
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
154
|
+
target[key] = source[key];
|
155
|
+
}
|
156
|
+
}
|
157
|
+
}
|
158
|
+
|
159
|
+
return target;
|
160
|
+
};
|
161
|
+
|
162
|
+
return _extends.apply(this, arguments);
|
163
|
+
}
|
164
|
+
var ToggleOnIcon = (function (_ref) {
|
165
|
+
var _ref$styles = _ref.styles,
|
166
|
+
props = _objectWithoutProperties(_ref, ["styles"]);
|
167
|
+
|
168
|
+
return /*#__PURE__*/React.createElement("svg", _extends({
|
169
|
+
xmlns: "http://www.w3.org/2000/svg",
|
170
|
+
viewBox: "60 170 90 157"
|
171
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
172
|
+
d: "M150 297a50 50 0 0050-50 50 50 0 00-50-50H50a50 50 0 00-50 50 50 50 0 0050 50z"
|
173
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
174
|
+
cx: "-150",
|
175
|
+
cy: "-247",
|
176
|
+
fill: "currentColor",
|
177
|
+
r: "40",
|
178
|
+
transform: "scale(-1)"
|
179
|
+
}), /*#__PURE__*/React.createElement("path", {
|
180
|
+
stroke: "currentColor",
|
181
|
+
strokeWidth: "6",
|
182
|
+
d: "M87 227l-37 37-16-18",
|
183
|
+
fill: "none"
|
184
|
+
}));
|
185
|
+
});
|
186
|
+
|
187
|
+
function _extends$1() {
|
188
|
+
_extends$1 = Object.assign || function (target) {
|
189
|
+
for (var i = 1; i < arguments.length; i++) {
|
190
|
+
var source = arguments[i];
|
191
|
+
|
192
|
+
for (var key in source) {
|
193
|
+
if (Object.prototype.hasOwnProperty.call(source, key)) {
|
194
|
+
target[key] = source[key];
|
195
|
+
}
|
196
|
+
}
|
197
|
+
}
|
198
|
+
|
199
|
+
return target;
|
200
|
+
};
|
201
|
+
|
202
|
+
return _extends$1.apply(this, arguments);
|
203
|
+
}
|
204
|
+
var ToggleOffIcon = (function (_ref) {
|
205
|
+
var _ref$styles = _ref.styles,
|
206
|
+
props = _objectWithoutProperties(_ref, ["styles"]);
|
207
|
+
|
208
|
+
return /*#__PURE__*/React.createElement("svg", _extends$1({
|
209
|
+
xmlns: "http://www.w3.org/2000/svg",
|
210
|
+
viewBox: "60 170 90 157"
|
211
|
+
}, props), /*#__PURE__*/React.createElement("path", {
|
212
|
+
d: "M50 197a50 50 0 00-50 50 50 50 0 0050 50h100a50 50 0 0050-50 50 50 0 00-50-50H50z"
|
213
|
+
}), /*#__PURE__*/React.createElement("circle", {
|
214
|
+
cx: "50",
|
215
|
+
cy: "247",
|
216
|
+
fill: "currentColor",
|
217
|
+
r: "40"
|
218
|
+
}), /*#__PURE__*/React.createElement("path", {
|
219
|
+
stroke: "currentColor",
|
220
|
+
strokeWidth: "6",
|
221
|
+
d: "M110.103 271.897l49.795-49.794m-.001 49.794l-49.794-49.795",
|
222
|
+
fill: "none"
|
223
|
+
}));
|
224
|
+
});
|
225
|
+
|
226
|
+
function Toggle(_ref) {
|
227
|
+
var id = _ref.id,
|
228
|
+
checked = _ref.checked,
|
229
|
+
onChange = _ref.onChange;
|
230
|
+
var Icon = checked ? ToggleOnIcon : ToggleOffIcon;
|
231
|
+
return /*#__PURE__*/React.createElement("button", {
|
232
|
+
id: id,
|
233
|
+
className: styles.toggle,
|
234
|
+
role: "checkbox",
|
235
|
+
"aria-checked": checked ? 'true' : 'false',
|
236
|
+
onClick: onChange
|
237
|
+
}, /*#__PURE__*/React.createElement(Icon, {
|
238
|
+
width: 50,
|
239
|
+
height: 35
|
240
|
+
}));
|
241
|
+
}
|
242
|
+
|
243
|
+
var styles$1 = {"bar":"ConsentBar-module_bar__YiYoC","text":"ConsentBar-module_text__2GSPP","button":"ConsentBar-module_button__2LVnY","acceptAllButton":"ConsentBar-module_acceptAllButton__1rSdh ConsentBar-module_button__2LVnY","saveButton":"ConsentBar-module_saveButton__16b97 ConsentBar-module_button__2LVnY","configureButton":"ConsentBar-module_configureButton__1VBqX ConsentBar-module_button__2LVnY","vendorsBox":"ConsentBar-module_vendorsBox__Jckbl","vendorList":"ConsentBar-module_vendorList__3Z4jU","vendor":"ConsentBar-module_vendor__2hPAk","expandVendor":"ConsentBar-module_expandVendor__hSkAD","decisionButtons":"ConsentBar-module_decisionButtons__I4T8q"};
|
244
|
+
|
245
|
+
function reducer(state, vendorName) {
|
246
|
+
return _objectSpread2(_objectSpread2({}, state), {}, _defineProperty({}, vendorName, !state[vendorName]));
|
247
|
+
}
|
248
|
+
|
249
|
+
function VendorsBox(_ref) {
|
250
|
+
var vendors = _ref.vendors,
|
251
|
+
save = _ref.save,
|
252
|
+
_ref$defaultExpanded = _ref.defaultExpanded,
|
253
|
+
defaultExpanded = _ref$defaultExpanded === void 0 ? false : _ref$defaultExpanded;
|
254
|
+
|
255
|
+
var _useI18n = useI18n(),
|
256
|
+
t = _useI18n.t;
|
257
|
+
|
258
|
+
var _useReducer = useReducer(reducer, vendors.reduce(function (result, vendor) {
|
259
|
+
return _objectSpread2(_objectSpread2({}, result), {}, _defineProperty({}, vendor.name, vendor.state === 'accepted'));
|
260
|
+
}, {})),
|
261
|
+
_useReducer2 = _slicedToArray(_useReducer, 2),
|
262
|
+
vendorStates = _useReducer2[0],
|
263
|
+
dispatch = _useReducer2[1];
|
264
|
+
|
265
|
+
return /*#__PURE__*/React.createElement("div", {
|
266
|
+
className: styles$1.vendorsBox
|
267
|
+
}, /*#__PURE__*/React.createElement("h3", null, t('pageflow_scrolled.public.consent_settings')), /*#__PURE__*/React.createElement("div", {
|
268
|
+
className: styles$1.vendorList
|
269
|
+
}, renderVendors({
|
270
|
+
vendors: vendors,
|
271
|
+
vendorStates: vendorStates,
|
272
|
+
t: t,
|
273
|
+
defaultExpanded: defaultExpanded,
|
274
|
+
onToggle: dispatch
|
275
|
+
})), /*#__PURE__*/React.createElement("button", {
|
276
|
+
className: styles$1.saveButton,
|
277
|
+
onClick: function onClick() {
|
278
|
+
return save(vendorStates);
|
279
|
+
}
|
280
|
+
}, t('pageflow_scrolled.public.consent_save')));
|
281
|
+
}
|
282
|
+
|
283
|
+
function renderVendors(_ref2) {
|
284
|
+
var vendors = _ref2.vendors,
|
285
|
+
vendorStates = _ref2.vendorStates,
|
286
|
+
t = _ref2.t,
|
287
|
+
defaultExpanded = _ref2.defaultExpanded,
|
288
|
+
onToggle = _ref2.onToggle;
|
289
|
+
|
290
|
+
if (!vendors.length) {
|
291
|
+
return /*#__PURE__*/React.createElement("div", {
|
292
|
+
className: "consent_vendor_list-blank"
|
293
|
+
}, t('pageflow_scrolled.public.consent_no_vendors'));
|
294
|
+
}
|
295
|
+
|
296
|
+
return vendors.map(function (vendor) {
|
297
|
+
return /*#__PURE__*/React.createElement(Vendor, {
|
298
|
+
key: vendor.name,
|
299
|
+
vendor: vendor,
|
300
|
+
state: vendorStates[vendor.name],
|
301
|
+
t: t,
|
302
|
+
defaultExpanded: defaultExpanded,
|
303
|
+
onToggle: onToggle
|
304
|
+
});
|
305
|
+
});
|
306
|
+
}
|
307
|
+
|
308
|
+
function Vendor(_ref3) {
|
309
|
+
var vendor = _ref3.vendor,
|
310
|
+
state = _ref3.state,
|
311
|
+
onToggle = _ref3.onToggle,
|
312
|
+
t = _ref3.t,
|
313
|
+
defaultExpanded = _ref3.defaultExpanded;
|
314
|
+
|
315
|
+
var _useState = useState(defaultExpanded),
|
316
|
+
_useState2 = _slicedToArray(_useState, 2),
|
317
|
+
expanded = _useState2[0],
|
318
|
+
setExpanded = _useState2[1];
|
319
|
+
|
320
|
+
var id = "consent-vendor-".concat(vendor.name);
|
321
|
+
return /*#__PURE__*/React.createElement("div", {
|
322
|
+
className: styles$1.vendor
|
323
|
+
}, /*#__PURE__*/React.createElement("label", {
|
324
|
+
htmlFor: id
|
325
|
+
}, vendor.displayName), /*#__PURE__*/React.createElement(Toggle, {
|
326
|
+
id: id,
|
327
|
+
checked: state,
|
328
|
+
onChange: function onChange() {
|
329
|
+
return onToggle(vendor.name);
|
330
|
+
}
|
331
|
+
}), /*#__PURE__*/React.createElement("button", {
|
332
|
+
className: styles$1.expandVendor,
|
333
|
+
title: t('pageflow_scrolled.public.consent_expand_vendor'),
|
334
|
+
onClick: function onClick() {
|
335
|
+
return setExpanded(!expanded);
|
336
|
+
}
|
337
|
+
}, /*#__PURE__*/React.createElement(ThemeIcon, {
|
338
|
+
name: "information",
|
339
|
+
width: 30,
|
340
|
+
height: 34
|
341
|
+
})), expanded && /*#__PURE__*/React.createElement("p", {
|
342
|
+
dangerouslySetInnerHTML: {
|
343
|
+
__html: vendor.description
|
344
|
+
}
|
345
|
+
}));
|
346
|
+
}
|
347
|
+
|
348
|
+
function ConsentBar(_ref) {
|
349
|
+
var _ref$configuration = _ref.configuration,
|
350
|
+
configuration = _ref$configuration === void 0 ? {} : _ref$configuration;
|
351
|
+
|
352
|
+
var _useConsentRequested = useConsentRequested(),
|
353
|
+
vendors = _useConsentRequested.vendors,
|
354
|
+
acceptAll = _useConsentRequested.acceptAll,
|
355
|
+
denyAll = _useConsentRequested.denyAll,
|
356
|
+
save = _useConsentRequested.save;
|
357
|
+
|
358
|
+
var _useState = useState(configuration.defaultExpanded),
|
359
|
+
_useState2 = _slicedToArray(_useState, 2),
|
360
|
+
expanded = _useState2[0],
|
361
|
+
setExpanded = _useState2[1];
|
362
|
+
|
363
|
+
var _useI18n = useI18n(),
|
364
|
+
t = _useI18n.t;
|
365
|
+
|
366
|
+
var locale = useLocale();
|
367
|
+
var privacyLinkUrl = useLegalInfo().privacy.url;
|
368
|
+
|
369
|
+
if (vendors) {
|
370
|
+
return /*#__PURE__*/React.createElement("div", {
|
371
|
+
className: styles$1.bar
|
372
|
+
}, renderText({
|
373
|
+
privacyLinkUrl: privacyLinkUrl,
|
374
|
+
t: t,
|
375
|
+
locale: locale,
|
376
|
+
vendors: vendors
|
377
|
+
}), !expanded && /*#__PURE__*/React.createElement("button", {
|
378
|
+
className: styles$1.configureButton,
|
379
|
+
onClick: function onClick() {
|
380
|
+
return setExpanded(true);
|
381
|
+
}
|
382
|
+
}, /*#__PURE__*/React.createElement(ThemeIcon, {
|
383
|
+
name: "gear",
|
384
|
+
width: 15,
|
385
|
+
height: 15
|
386
|
+
}), t('pageflow_scrolled.public.consent_configure')), expanded && /*#__PURE__*/React.createElement(VendorsBox, {
|
387
|
+
vendors: vendors,
|
388
|
+
save: save,
|
389
|
+
t: t,
|
390
|
+
defaultExpanded: configuration.defaultExpanded
|
391
|
+
}), /*#__PURE__*/React.createElement("div", {
|
392
|
+
className: styles$1.decisionButtons
|
393
|
+
}, /*#__PURE__*/React.createElement("button", {
|
394
|
+
className: styles$1.button,
|
395
|
+
onClick: denyAll
|
396
|
+
}, t('pageflow_scrolled.public.consent_deny_all')), /*#__PURE__*/React.createElement("button", {
|
397
|
+
className: styles$1.acceptAllButton,
|
398
|
+
onClick: acceptAll
|
399
|
+
}, t('pageflow_scrolled.public.consent_accept_all'))));
|
400
|
+
}
|
401
|
+
|
402
|
+
return null;
|
403
|
+
}
|
404
|
+
|
405
|
+
function renderText(_ref2) {
|
406
|
+
var privacyLinkUrl = _ref2.privacyLinkUrl,
|
407
|
+
t = _ref2.t,
|
408
|
+
locale = _ref2.locale,
|
409
|
+
vendors = _ref2.vendors;
|
410
|
+
var vendorNames = vendors.map(function (vendor) {
|
411
|
+
return vendor.name;
|
412
|
+
}).join(',');
|
413
|
+
var text = t('pageflow_scrolled.public.consent_prompt_html', {
|
414
|
+
privacyLinkUrl: "".concat(privacyLinkUrl, "?lang=").concat(locale, "&vendors=").concat(vendorNames, "#consent")
|
415
|
+
});
|
416
|
+
return /*#__PURE__*/React.createElement("div", {
|
417
|
+
className: styles$1.text,
|
418
|
+
dangerouslySetInnerHTML: {
|
419
|
+
__html: text
|
420
|
+
}
|
421
|
+
});
|
422
|
+
}
|
423
|
+
|
424
|
+
frontend.widgetTypes.register('consentBar', {
|
425
|
+
component: ConsentBar
|
426
|
+
});
|
@@ -1,4 +1,4 @@
|
|
1
|
-
.DefaultNavigation-module_navigationBar__2RK0h{--default-navigation-bar-height:var(--theme-default-navigation-bar-height,50px);--default-navigation-scroller-top:var(--theme-default-navigation-scroller-top,0);--default-navigation-scroll-button-top:var(--theme-default-navigation-scroll-button-top,5px);--default-navigation-chapter-link-height:var(--theme-default-navigation-chapter-link-height,50px);--default-navigation-progress-bar-height:var(--theme-default-navigation-progress-bar-height,8px);--default-navigation-separator-color:var(--theme-default-navigation-separator-color,#e9e9e9);font-family:var(--theme-widget-font-family);position:fixed;top:calc(
|
1
|
+
.DefaultNavigation-module_navigationBar__2RK0h{--default-navigation-bar-height:var(--theme-default-navigation-bar-height,50px);--default-navigation-scroller-top:var(--theme-default-navigation-scroller-top,0);--default-navigation-scroll-button-top:var(--theme-default-navigation-scroll-button-top,5px);--default-navigation-chapter-link-height:var(--theme-default-navigation-chapter-link-height,50px);--default-navigation-progress-bar-height:var(--theme-default-navigation-progress-bar-height,8px);--default-navigation-separator-color:var(--theme-default-navigation-separator-color,#e9e9e9);font-family:var(--theme-widget-font-family);position:fixed;top:calc(var(--default-navigation-bar-height)*-1);transition:top .15s;z-index:10000;width:100%;text-align:center;height:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.DefaultNavigation-module_navigationBarExpanded__C3sLq{top:0}.DefaultNavigation-module_navigationBarContentWrapper__3narH{position:relative;z-index:2;background-color:var(--theme-widget-surface-color);color:var(--theme-widget-on-surface-color);height:var(--default-navigation-bar-height);box-sizing:border-box;padding-top:var(--default-navigation-scroller-top)}.DefaultNavigation-module_menuIcon__2bb8s{position:absolute;top:0;left:12px;height:var(--default-navigation-bar-height)}.DefaultNavigation-module_contextIcons__2e65s{position:absolute;top:0;right:12px;display:flex}.DefaultNavigation-module_contextIcons__2e65s>*{pointer-events:auto}.DefaultNavigation-module_contextIcon__ELsqa{cursor:pointer;width:40px;height:var(--default-navigation-bar-height);color:var(--theme-widget-secondary-color);fill:currentcolor;stroke:currentColor}.DefaultNavigation-module_contextIcon__ELsqa svg{width:35px;height:35px;margin:7px 2px}.DefaultNavigation-module_contextIcon__ELsqa:hover,div:focus-within>.DefaultNavigation-module_contextIcon__ELsqa{color:var(--theme-widget-primary-color)}.DefaultNavigation-module_logo__3gUbx{top:0;left:15px;height:100%;max-width:15%}.DefaultNavigation-module_logo__3gUbx img{height:100%;max-width:100%;-o-object-fit:contain;object-fit:contain}.DefaultNavigation-module_chapterList__3VoXX{padding:0;margin:0;list-style:none;display:flex}.DefaultNavigation-module_chapterListItem__1YF5e{position:relative;padding:0 5px;border-right:1px solid var(--default-navigation-separator-color)}.DefaultNavigation-module_chapterListItem__1YF5e:last-of-type{border-right:none}.DefaultNavigation-module_navigationTooltip__26Fvn{opacity:1!important;box-shadow:0 0 .3125rem rgba(0,0,0,.2)}.DefaultNavigation-module_progressBar__1jvov{position:relative;background-color:var(--theme-default-navigation-progress-bar-background-color,hsla(0,0%,76.1%,.8));height:var(--default-navigation-progress-bar-height);width:100%}.DefaultNavigation-module_progressIndicator__2d_e3{position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--theme-default-navigation-progress-bar-indicator-color,var(--theme-accent-color))}@media screen and (max-width:767px){.DefaultNavigation-module_navigationBar__2RK0h{--default-navigation-progress-bar-height:var(--theme-default-navigation-progress-bar-height,10px)}.DefaultNavigation-module_logo__3gUbx{max-width:30%}.DefaultNavigation-module_hasChapters__3ab-r .DefaultNavigation-module_logo__3gUbx{left:65px}.DefaultNavigation-module_navigationChapters__3M6zh{display:block;position:fixed;top:calc(var(--default-navigation-bar-height) + var(--default-navigation-progress-bar-height));left:0;background:var(--theme-widget-background-color);width:100vw;bottom:0;-ms-scroll-chaining:none;overscroll-behavior:contain;overflow:scroll}.DefaultNavigation-module_navigationChaptersHidden__2TrUo{display:none}.DefaultNavigation-module_chapterList__3VoXX{display:block;padding-top:var(--default-navigation-bar-height);box-sizing:border-box;min-height:101%}.DefaultNavigation-module_chapterListItem__1YF5e{padding:1rem;margin:0 1.5rem;border-right:none;border-bottom:1px solid var(--default-navigation-separator-color)}.DefaultNavigation-module_chapterListItem__1YF5e:last-child{border-bottom:none}.DefaultNavigation-module_chapterListItem__1YF5e p{margin-top:0}}@media print{.DefaultNavigation-module_navigationBar__2RK0h{position:relative;top:0;height:auto}.DefaultNavigation-module_logo__3gUbx{left:0}.DefaultNavigation-module_chapterList__3VoXX,.DefaultNavigation-module_contextIcons__2e65s,.DefaultNavigation-module_progressBar__1jvov{display:none}}@media (min-width:768px){.HamburgerIcon-module_burgerMenuIconContainer__3aBkk{display:none}}.HamburgerIcon-module_burgerMenuIcon__1WUV0{outline:none}.HamburgerIcon-module_small__asAkY{--hamburger-icon-transform:scale(0.7);--hamburger-icon-line-width:3px}
|
2
2
|
|
3
3
|
/*!
|
4
4
|
* Hamburgers
|
@@ -6,4 +6,4 @@
|
|
6
6
|
* @author Jonathan Suh @jonsuh
|
7
7
|
* @site https://jonsuh.com/hamburgers
|
8
8
|
* @link https://github.com/jonsuh/hamburgers
|
9
|
-
*/.HamburgerIcons-module_hamburger__SOreS{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn,.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{background-color:var(--theme-accent-color)}.HamburgerIcons-module_hamburger-box__10MR1{width:40px;height:24px;display:inline-block;position:relative;vertical-align:top;transform:var(--hamburger-icon-transform)}.HamburgerIcons-module_hamburger-inner__Wv7Dn{display:block;top:50%;margin-top:-2px}.HamburgerIcons-module_hamburger-inner__Wv7Dn,.HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{width:30px;height:var(--hamburger-icon-line-width,4px);background-color:var(--theme-widget-primary-color);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{content:"";display:block}.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{top:-10px}.HamburgerIcons-module_hamburger-inner__Wv7Dn:after{bottom:-10px}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.ChapterLink-module_chapterLink__3YspQ{line-height:42px;color:var(--theme-widget-primary-color);text-decoration:none;position:relative;display:block;font-family:inherit;font-weight:700;font-size:1rem;height:42px;white-space:nowrap;padding:0 10px;margin:4px 0}.ChapterLink-module_chapterLink__3YspQ:hover,.ChapterLink-module_chapterLinkActive__9i8SL{color:var(--theme-accent-color)}.ChapterLink-module_summary__2ZfRU{color:var(--theme-widget-on-background-color)}.ChapterLink-module_tooltipBubble__3VRUO{display:none}@media (min-width:768px){.ChapterLink-module_summary__2ZfRU{display:none}.ChapterLink-module_tooltipBubble__3VRUO{display:block}}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u{text-align:left}.LegalInfoMenu-module_scroller__3NPW_{overflow:auto;max-height:40vh;scrollbar-width:thin;margin-right:-5px;padding-right:5px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar{width:3px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar-thumb{background-color:var(--theme-widget-secondary-color);border-radius:2px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar-track{background-color:var(--theme-widget-surface-color)}.LegalInfoMenu-module_links__1kpsd{position:relative;padding-top:5px;padding-bottom:5px}.LegalInfoMenu-
|
9
|
+
*/.HamburgerIcons-module_hamburger__SOreS{display:inline-block;cursor:pointer;transition-property:opacity,filter;transition-duration:.15s;transition-timing-function:linear;font:inherit;color:inherit;text-transform:none;background-color:transparent;border:0;margin:0;overflow:visible}.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn,.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger__SOreS.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{background-color:var(--theme-accent-color)}.HamburgerIcons-module_hamburger-box__10MR1{width:40px;height:24px;display:inline-block;position:relative;vertical-align:top;transform:var(--hamburger-icon-transform)}.HamburgerIcons-module_hamburger-inner__Wv7Dn{display:block;top:50%;margin-top:-2px}.HamburgerIcons-module_hamburger-inner__Wv7Dn,.HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{width:30px;height:var(--hamburger-icon-line-width,4px);background-color:var(--theme-widget-primary-color);border-radius:4px;position:absolute;transition-property:transform;transition-duration:.15s;transition-timing-function:ease}.HamburgerIcons-module_hamburger-inner__Wv7Dn:after,.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{content:"";display:block}.HamburgerIcons-module_hamburger-inner__Wv7Dn:before{top:-10px}.HamburgerIcons-module_hamburger-inner__Wv7Dn:after{bottom:-10px}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn{top:auto;bottom:0;transition-duration:.13s;transition-delay:.13s;transition-timing-function:cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn:after{top:-20px;transition:top .2s cubic-bezier(.33333,.66667,.66667,1) .2s,opacity .1s linear}.HamburgerIcons-module_hamburger--collapse__1xOkf .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{transition:top .12s cubic-bezier(.33333,.66667,.66667,1) .2s,transform .13s cubic-bezier(.55,.055,.675,.19)}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn{transform:translate3d(0,-10px,0) rotate(-45deg);transition-delay:.22s;transition-timing-function:cubic-bezier(.215,.61,.355,1)}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:after{top:0;opacity:0;transition:top .2s cubic-bezier(.33333,0,.66667,.33333),opacity .1s linear .22s}.HamburgerIcons-module_hamburger--collapse__1xOkf.HamburgerIcons-module_is-active__2jpzX .HamburgerIcons-module_hamburger-inner__Wv7Dn:before{top:0;transform:rotate(-90deg);transition:top .1s cubic-bezier(.33333,0,.66667,.33333) .16s,transform .13s cubic-bezier(.215,.61,.355,1) .25s}.ChapterLink-module_chapterLink__3YspQ{line-height:42px;color:var(--theme-widget-primary-color);text-decoration:none;position:relative;display:block;font-family:inherit;font-weight:700;font-size:1rem;height:42px;white-space:nowrap;padding:0 10px;margin:4px 0}.ChapterLink-module_chapterLink__3YspQ:hover,.ChapterLink-module_chapterLinkActive__9i8SL{color:var(--theme-accent-color)}.ChapterLink-module_summary__2ZfRU{color:var(--theme-widget-on-background-color)}.ChapterLink-module_tooltipBubble__3VRUO{display:none}@media (min-width:768px){.ChapterLink-module_summary__2ZfRU{display:none}.ChapterLink-module_tooltipBubble__3VRUO{display:block}}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u{text-align:left;line-height:1.4}.LegalInfoMenu-module_scroller__3NPW_{overflow:auto;max-height:40vh;scrollbar-width:thin;margin-right:-5px;padding-right:5px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar{width:3px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar-thumb{background-color:var(--theme-widget-secondary-color);border-radius:2px}.LegalInfoMenu-module_scroller__3NPW_::-webkit-scrollbar-track{background-color:var(--theme-widget-surface-color)}.LegalInfoMenu-module_links__1kpsd{position:relative;padding-top:5px;padding-bottom:5px}.LegalInfoMenu-module_separator__3mmjA:before{content:"";position:absolute;top:0;left:-5px;right:-5px;border-top:1px solid var(--theme-widget-primary-color);opacity:.1}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u:after{left:90%!important}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u .LegalInfoMenu-module_section__1bLWD{margin:0 0 1.4em}.LegalInfoMenu-module_legalInfoTooltip__Qmf8u a{color:var(--theme-accent-color)}.LegalInfoMenu-module_legalInfoLink__gkXaF{display:block;margin-top:5px}.LegalInfoMenu-module_rights__-XGYO,.LegalInfoMenu-module_rights__-XGYO li{margin:0;padding:0;list-style:none}.LegalInfoMenu-module_rights__-XGYO li{display:inline}header .share svg{fill:var(--theme-widget-primary-color)}header .share:hover svg{fill:var(--theme-accent-color)}.SharingMenu-module_sharingTooltip__2Tyev{width:160px;padding:0!important}.SharingMenu-module_sharingTooltip__2Tyev:after{left:90%!important}.SharingMenu-module_shareLinkContainer__3-3W6{display:inline-block;width:80px;height:60px;cursor:pointer;color:transparent;text-align:center}.SharingMenu-module_shareLink__3PdRE{position:relative;color:var(--theme-widget-primary-color);text-decoration:none}.SharingMenu-module_shareLink__3PdRE:hover{color:var(--theme-accent-color)}.SharingMenu-module_shareLink__3PdRE svg{width:80px;height:25px;margin-top:5px;margin-bottom:3px}.ToggleMuteButton-module_button__1ACmo{color:var(--theme-widget-primary-color)}.ToggleMuteButton-module_animate__pd1yK{position:relative}.ToggleMuteButton-module_animate__pd1yK:before{content:"";display:block;position:absolute;top:50%;left:50%;margin:-5px;z-index:-1;width:10px;height:10px;background-color:#ddd;border-radius:5px;-webkit-animation:ToggleMuteButton-module_pulse__2UN7Q .5s ease .2s 1;animation:ToggleMuteButton-module_pulse__2UN7Q .5s ease .2s 1;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;pointer-events:none}@-webkit-keyframes ToggleMuteButton-module_pulse__2UN7Q{0%{opacity:.8}to{transform:scale(40);opacity:0}}@keyframes ToggleMuteButton-module_pulse__2UN7Q{0%{opacity:.8}to{transform:scale(40);opacity:0}}.SkipLinks-module_link__HMj9l{position:absolute;z-index:10000;top:-1000em;left:-1000em;display:block;border:1px solid #eee;border-radius:5px;padding:5px;background:#00375a;text-align:center;line-height:25px;color:#fff}.SkipLinks-module_link__HMj9l:focus{left:13.8%;top:13%}.utils-module_clip__34eot{-webkit-clip-path:polygon(0 0,100% 0,100% 110%,0 110%);clip-path:polygon(0 0,100% 0,100% 110%,0 110%)}.utils-module_unstyledButton__3rgne{border:0;padding:0;background-color:transparent;text-align:initial}.ScrollButton-module_button__1GKRF{position:absolute;top:var(--default-navigation-scroll-button-top);height:40px;width:20px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1}.ScrollButton-module_button__1GKRF svg{width:18px;height:18px;color:var(--theme-widget-primary-color)}.ScrollButton-module_visible__29yco{opacity:1;visibility:visible}.ScrollButton-module_start__1XPra{right:80%}.ScrollButton-module_end__3PxQt{left:79%}@media screen and (min-width:768px){.Scroller-module_scroller__139cK{overflow:hidden;scroll-behavior:smooth;padding-bottom:90vh;pointer-events:none;margin:0 auto;width:58%}.Scroller-module_scroller__139cK>*{pointer-events:auto}@supports ((-webkit-clip-path:polygon(0 0)) or (clip-path:polygon(0 0))){.Scroller-module_scroller__139cK{width:auto;-webkit-clip-path:polygon(20% 0,79% 0,79% var(--default-navigation-chapter-link-height),100% var(--default-navigation-chapter-link-height),100% 400%,0 400%,0 var(--default-navigation-chapter-link-height),20% var(--default-navigation-chapter-link-height));clip-path:polygon(20% 0,79% 0,79% var(--default-navigation-chapter-link-height),100% var(--default-navigation-chapter-link-height),100% 400%,0 400%,0 var(--default-navigation-chapter-link-height),20% var(--default-navigation-chapter-link-height));-webkit-mask:linear-gradient(90deg,transparent 0,transparent 20%,#000 22%,#000 77%,transparent 79%,transparent) top,linear-gradient(90deg,#000 0,#000) bottom;mask:linear-gradient(90deg,transparent 0,transparent 20%,#000 22%,#000 77%,transparent 79%,transparent) top,linear-gradient(90deg,#000 0,#000) bottom;-webkit-mask-size:100% var(--default-navigation-chapter-link-height),100% calc(100% - var(--default-navigation-chapter-link-height));mask-size:100% var(--default-navigation-chapter-link-height),100% calc(100% - var(--default-navigation-chapter-link-height));-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.Scroller-module_inner__3dhuM{display:inline-block;margin:0 22%}}}
|