umberto 9.3.0 → 10.0.0

package/themes/umberto/src/gloria/js/components/hash-link.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from './base-component';
-import { scrollToHash } from '../helpers/scroll-to-hash';
+import { BaseComponent } from './base-component.js';
+import { scrollToHash } from '../helpers/scroll-to-hash.js';
 
 /**
  * HashLink component.

package/themes/umberto/src/gloria/js/components/heading-link.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from './base-component';
-import { copyToClipboard } from '../helpers/copy-to-clipboard';
+import { BaseComponent } from './base-component.js';
+import { copyToClipboard } from '../helpers/copy-to-clipboard.js';
 
 /**
  * HeadingLink component.

package/themes/umberto/src/gloria/js/components/iframe.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from './base-component';
-import { html } from '../helpers/html-builder';
+import { BaseComponent } from './base-component.js';
+import { html } from '../helpers/html-builder.js';
 
 /**
  * IFrame component.

package/themes/umberto/src/gloria/js/components/mobile-overlay.js

@@ -3,11 +3,11 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from './base-component';
-import { animateElement } from '../helpers/animate-element';
-import { bodyScroll } from '../helpers/body-scroll';
-import { onEscapeKeyPress } from '../helpers/escape-handler';
-import { createHeaderSpacerManager } from '../modules/header';
+import { BaseComponent } from './base-component.js';
+import { animateElement } from '../helpers/animate-element.js';
+import { bodyScroll } from '../helpers/body-scroll.js';
+import { onEscapeKeyPress } from '../helpers/escape-handler.js';
+import { createHeaderSpacerManager } from '../modules/header.js';
 
 /**
  * Events used to broadcast information to the children components of the overlay.

package/themes/umberto/src/gloria/js/components/nav-tree.js

@@ -3,9 +3,9 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { toggleHeight } from '../helpers/toggle-height';
-import { getParentsUntil } from '../helpers/get-parents-until';
+import { BaseComponent } from '../components/base-component.js';
+import { toggleHeight } from '../helpers/toggle-height.js';
+import { getParentsUntil } from '../helpers/get-parents-until.js';
 
 const SIDEBAR_LOCAL_STORAGE_KEY = 'foldersState';
 

package/themes/umberto/src/gloria/js/components/tabs.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from './base-component';
-import { createKeyboardFocusCycler, getHorizontalKeysMap } from '../helpers/create-keyboard-focus-cycler';
+import { BaseComponent } from './base-component.js';
+import { createKeyboardFocusCycler, getHorizontalKeysMap } from '../helpers/create-keyboard-focus-cycler.js';
 
 /**
  * Component for managing tabbed interfaces.

package/themes/umberto/src/gloria/js/components/tooltip-popover.js

@@ -3,19 +3,19 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from './base-component';
-import { createOutsideClickWatcher } from '../helpers/create-outside-click-watcher';
-import { createHoverManager } from '../helpers/create-hover-manager';
-import { isMobile } from '../helpers/is-mobile';
-import { html } from '../helpers/html-builder';
-import { cx } from '../helpers/classnames';
-import { randomId } from '../helpers/random-id';
-import { createAnchorPositioningWatcher } from '../helpers/create-anchor-positioning-watcher';
-import { createMutationObserver } from '../helpers/create-mutation-observer';
-import { createCleanupRegistry } from '../helpers/create-cleanup-registry';
-import { isElementDetached } from '../helpers/is-element-detached';
-import { afterDomReady } from '../helpers/after-dom-ready';
-import { timeout } from '../helpers/timeout';
+import { BaseComponent } from './base-component.js';
+import { createOutsideClickWatcher } from '../helpers/create-outside-click-watcher.js';
+import { createHoverManager } from '../helpers/create-hover-manager.js';
+import { isMobile } from '../helpers/is-mobile.js';
+import { html } from '../helpers/html-builder.js';
+import { cx } from '../helpers/classnames.js';
+import { randomId } from '../helpers/random-id.js';
+import { createAnchorPositioningWatcher } from '../helpers/create-anchor-positioning-watcher.js';
+import { createMutationObserver } from '../helpers/create-mutation-observer.js';
+import { createCleanupRegistry } from '../helpers/create-cleanup-registry.js';
+import { isElementDetached } from '../helpers/is-element-detached.js';
+import { afterDomReady } from '../helpers/after-dom-ready.js';
+import { timeout } from '../helpers/timeout.js';
 
 /**
  * Tooltip component.

package/themes/umberto/src/gloria/js/helpers/animate-element.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { prefersReducedMotion } from './prefers-reduced-motion';
-import { timeout } from './timeout';
+import { prefersReducedMotion } from './prefers-reduced-motion.js';
+import { timeout } from './timeout.js';
 
 /**
  * Animates an element by adding and removing animation state classes.

package/themes/umberto/src/gloria/js/helpers/create-anchor-positioning-watcher.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-import { getAllScrollableParents } from './get-all-scrollable-parents';
+import { getAllScrollableParents } from './get-all-scrollable-parents.js';
 
 /**
  * Sets up positioning event listeners for an element.

package/themes/umberto/src/gloria/js/helpers/create-keyboard-focus-cycler.js

@@ -3,9 +3,9 @@
  * For licensing, see LICENSE.md.
  */
 
-import { clamp } from './clamp';
-import { isFocusable } from './is-focusable';
-import { wrapAround } from './wrap-around';
+import { clamp } from './clamp.js';
+import { isFocusable } from './is-focusable.js';
+import { wrapAround } from './wrap-around.js';
 
 /**
  * Creates a keyboard-based focus cycler for a list of elements.

package/themes/umberto/src/gloria/js/helpers/focus-first-interactive.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { isFocusable } from './is-focusable';
-import { timeout } from './timeout';
+import { isFocusable } from './is-focusable.js';
+import { timeout } from './timeout.js';
 
 /**
  * Focuses the first interactive/focusable element within a container.

package/themes/umberto/src/gloria/js/helpers/highlight-code.js

@@ -4,7 +4,7 @@
  */
 
 import { codeToHtml } from 'shiki';
-import { dropDiffSuffix, isDiffLanguage } from './find-code-lang';
+import { dropDiffSuffix, isDiffLanguage } from './find-code-lang.js';
 
 export async function highlightCode( codeString, lang ) {
 	const transformers = [];

package/themes/umberto/src/gloria/js/helpers/scroll-to-hash.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-import { prefersReducedMotion } from './prefers-reduced-motion';
+import { prefersReducedMotion } from './prefers-reduced-motion.js';
 
 export function scrollToHash( target, { margin = 32, pushState = true } = {} ) {
 	const targetId = (

package/themes/umberto/src/gloria/js/helpers/tween.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { clamp } from './clamp';
-import { prefersReducedMotion } from './prefers-reduced-motion';
+import { clamp } from './clamp.js';
+import { prefersReducedMotion } from './prefers-reduced-motion.js';
 
 /**
  * Creates a tween animation that runs from 0 to 1 over a specified duration.

package/themes/umberto/src/gloria/js/modules/algolia-search.js

@@ -3,10 +3,10 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { identity } from '../helpers/identity';
-import { injectScript } from '../helpers/inject-script';
-import { compose } from '../helpers/compose';
+import { BaseComponent } from '../components/base-component.js';
+import { identity } from '../helpers/identity.js';
+import { injectScript } from '../helpers/inject-script.js';
+import { compose } from '../helpers/compose.js';
 
 const DOCSEARCH_JS_URL = 'https://cdn.jsdelivr.net/npm/@docsearch/js@3.9.0/dist/umd/index.min.js';
 

package/themes/umberto/src/gloria/js/modules/api-filter.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
+import { BaseComponent } from '../components/base-component.js';
 
 const API_FILTER_LOCAL_STORAGE_KEY = 'ApiFilterState';
 

package/themes/umberto/src/gloria/js/modules/header-bar.js

@@ -3,10 +3,10 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { localStorageHelper } from '../helpers/local-storage-helper';
-import { isUnsafeProperty } from '../helpers/is-unsafe-key';
-import { Weeks } from '../helpers/date-time';
+import { BaseComponent } from '../components/base-component.js';
+import { localStorageHelper } from '../helpers/local-storage-helper.js';
+import { isUnsafeProperty } from '../helpers/is-unsafe-key.js';
+import { Weeks } from '../helpers/date-time.js';
 
 /**
  * Remember about renaming inline script in the header bar template.

package/themes/umberto/src/gloria/js/modules/header.js

@@ -3,8 +3,8 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { onHeaderBarStateChange } from './header-bar';
+import { BaseComponent } from '../components/base-component.js';
+import { onHeaderBarStateChange } from './header-bar.js';
 
 /**
  * Component for managing a header.

package/themes/umberto/src/gloria/js/modules/links-prefetch.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-import { throttle } from '../helpers/throttle';
+import { throttle } from '../helpers/throttle.js';
 
 /**
  * Maximum number of preloaded elements to keep in the DOM

package/themes/umberto/src/gloria/js/modules/mobile-nav.js

@@ -3,13 +3,13 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { tween } from '../helpers/tween';
-import { lerp } from '../helpers/lerp';
-import { timeout } from '../helpers/timeout';
-import { focusFirstInteractive } from '../helpers/focus-first-interactive';
-import { easings } from '../helpers/cubic-bezier';
-import { onMobileOverlayStateChange } from '../components/mobile-overlay';
+import { BaseComponent } from '../components/base-component.js';
+import { tween } from '../helpers/tween.js';
+import { lerp } from '../helpers/lerp.js';
+import { timeout } from '../helpers/timeout.js';
+import { focusFirstInteractive } from '../helpers/focus-first-interactive.js';
+import { easings } from '../helpers/cubic-bezier.js';
+import { onMobileOverlayStateChange } from '../components/mobile-overlay.js';
 
 /**
  * Mobile Navigation component.

package/themes/umberto/src/gloria/js/modules/sidebar.js

@@ -3,9 +3,9 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { onHeaderResize } from './header';
-import { isHiddenElement } from '../helpers/is-hidden-element';
+import { BaseComponent } from '../components/base-component.js';
+import { onHeaderResize } from './header.js';
+import { isHiddenElement } from '../helpers/is-hidden-element.js';
 
 export class Sidebar extends BaseComponent {
 	/**

package/themes/umberto/src/gloria/js/modules/table-of-contents-api.js

@@ -3,15 +3,15 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { createOutsideClickWatcher } from '../helpers/create-outside-click-watcher';
-import { isHiddenElement } from '../helpers/is-hidden-element';
-import { onHeaderResize, createHeaderSpacerManager } from './header';
-import { onEscapeKeyPress } from '../helpers/escape-handler';
-import { isMobile } from '../helpers/is-mobile';
-import { bodyScroll } from '../helpers/body-scroll';
-import { toggleHeight } from '../helpers/toggle-height';
-import { animateElement } from '../helpers/animate-element';
+import { BaseComponent } from '../components/base-component.js';
+import { createOutsideClickWatcher } from '../helpers/create-outside-click-watcher.js';
+import { isHiddenElement } from '../helpers/is-hidden-element.js';
+import { onHeaderResize, createHeaderSpacerManager } from './header.js';
+import { onEscapeKeyPress } from '../helpers/escape-handler.js';
+import { isMobile } from '../helpers/is-mobile.js';
+import { bodyScroll } from '../helpers/body-scroll.js';
+import { toggleHeight } from '../helpers/toggle-height.js';
+import { animateElement } from '../helpers/animate-element.js';
 
 /**
  * API Table of Contents component.

package/themes/umberto/src/gloria/js/modules/table-of-contents.js

@@ -3,16 +3,16 @@
  * For licensing, see LICENSE.md.
  */
 
-import { BaseComponent } from '../components/base-component';
-import { createOutsideClickWatcher } from '../helpers/create-outside-click-watcher';
-import { onEscapeKeyPress } from '../helpers/escape-handler';
-import { bodyScroll } from '../helpers/body-scroll';
-import { throttle } from '../helpers/throttle';
-import { isHiddenElement } from '../helpers/is-hidden-element';
-import { onHeaderResize, createHeaderSpacerManager, Header } from './header';
-import { animateElement } from '../helpers/animate-element';
-import { isMobile } from '../helpers/is-mobile';
-import { prefersReducedMotion } from '../helpers/prefers-reduced-motion';
+import { BaseComponent } from '../components/base-component.js';
+import { createOutsideClickWatcher } from '../helpers/create-outside-click-watcher.js';
+import { onEscapeKeyPress } from '../helpers/escape-handler.js';
+import { bodyScroll } from '../helpers/body-scroll.js';
+import { throttle } from '../helpers/throttle.js';
+import { isHiddenElement } from '../helpers/is-hidden-element.js';
+import { onHeaderResize, createHeaderSpacerManager, Header } from './header.js';
+import { animateElement } from '../helpers/animate-element.js';
+import { isMobile } from '../helpers/is-mobile.js';
+import { prefersReducedMotion } from '../helpers/prefers-reduced-motion.js';
 
 /**
  * Table of Contents component.

package/themes/umberto/src/gloria/js/public-api.js

@@ -3,21 +3,21 @@
  * For licensing, see LICENSE.md.
  */
 
-import { activateTab, onTabActivation } from './components/tabs';
-import { createTooltipPopover } from './components/tooltip-popover';
-import { Header, onHeaderResize } from './modules/header';
-import { onHeaderBarStateChange } from './modules/header-bar';
-import { highlightCode } from './helpers/highlight-code';
-import { afterDomReady } from './helpers/after-dom-ready';
-import { throttle } from './helpers/throttle';
-import { fetchStylesheet } from './helpers/fetch-stylesheet';
-import { randomId } from './helpers/random-id';
-import { scrollToHash } from './helpers/scroll-to-hash';
-import { formatHtml } from './helpers/format-html';
-import { injectScript, injectScriptsInParallel } from './helpers/inject-script';
-import { injectStylesheet } from './helpers/inject-stylesheet';
-import { injectResourcePreload } from './helpers/inject-resource-preload';
-import { onDropdownSelection, selectDropdownItem } from './components/dropdown';
+import { activateTab, onTabActivation } from './components/tabs.js';
+import { createTooltipPopover } from './components/tooltip-popover.js';
+import { Header, onHeaderResize } from './modules/header.js';
+import { onHeaderBarStateChange } from './modules/header-bar.js';
+import { highlightCode } from './helpers/highlight-code.js';
+import { afterDomReady } from './helpers/after-dom-ready.js';
+import { throttle } from './helpers/throttle.js';
+import { fetchStylesheet } from './helpers/fetch-stylesheet.js';
+import { randomId } from './helpers/random-id.js';
+import { scrollToHash } from './helpers/scroll-to-hash.js';
+import { formatHtml } from './helpers/format-html.js';
+import { injectScript, injectScriptsInParallel } from './helpers/inject-script.js';
+import { injectStylesheet } from './helpers/inject-stylesheet.js';
+import { injectResourcePreload } from './helpers/inject-resource-preload.js';
+import { onDropdownSelection, selectDropdownItem } from './components/dropdown.js';
 
 window.umberto = {
 	// The `VERSION` value will be replaced by the `DefinePlugin` webpack plugin.

package/themes/umberto/src/gloria/js/web-components/svg-icon.js

@@ -3,9 +3,9 @@
  * For licensing, see LICENSE.md.
  */
 
-import { html } from '../helpers/html-builder';
-import { cx } from '../helpers/classnames';
-import { randomId } from '../helpers/random-id';
+import { html } from '../helpers/html-builder.js';
+import { cx } from '../helpers/classnames.js';
+import { randomId } from '../helpers/random-id.js';
 
 /**
  * A web component that renders an SVG icon. This is equivalent to the `svg-icon` Pug mixin.

package/themes/umberto/src/umberto/js/_apitree.js

@@ -4,7 +4,7 @@
  */
 
 import $ from 'jquery';
-import throttle from 'lodash/throttle';
+import throttle from 'lodash/throttle.js';
 
 /**
  * Expands corresponding API tree item on navigation tree when viewing a page.

package/themes/umberto/src/umberto/js/_attachpermalinklistener.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-export default function attachPermalinkListener() {
+export function attachPermalinkListener() {
 	const projectVersionElement = document.querySelector( 'meta[name=project-version]' );
 	const projectSlugElement = document.querySelector( 'meta[name=project-slug]' );
 

package/themes/umberto/src/umberto/js/_copymobileapinavigation.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-export default function copyMobileApiNavigation() {
+export function copyMobileApiNavigation() {
 	// First check if it is API page.
 	const apiTree = document.querySelector( '.side-navigation__inner--api' );
 

package/themes/umberto/src/umberto/js/_imageModal.js

@@ -5,7 +5,7 @@
 
 import mediumZoom from 'medium-zoom';
 
-export default function imageModal() {
+export function imageModal() {
 	const lightboxImages = document.querySelectorAll( '[data-lightbox]' );
 
 	if ( !lightboxImages ) {

package/themes/umberto/src/umberto/js/_pagenavigation.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-export default function pageNavigation() {
+export function pageNavigation() {
 	const CLASS_NAMES = {
 		huge: 'api-subheader__navigation-dropdown--huge',
 		big: 'api-subheader__navigation-dropdown--big',

package/themes/umberto/src/umberto/js/_prism.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-import './vendor/prism';
+import './vendor/prism.js';
 
 export function setupPrism() {
 	const locationHref = window.location.href;

package/themes/umberto/src/umberto/js/_samplecode.js

@@ -5,7 +5,7 @@
 
 import $ from 'jquery';
 
-export default function sampleCode() {
+export function sampleCode() {
 	const headerHeight = document.querySelector( 'header.top' ).offsetHeight;
 
 	// Accordion toggling button.

package/themes/umberto/src/umberto/js/_sidenavigation.js

@@ -3,7 +3,7 @@
  * For licensing, see LICENSE.md.
  */
 
-export default function sideNavigation() {
+export function sideNavigation() {
 	const folderButtons = Array.from( document.querySelectorAll( '.tree:not(.api-tree) .tree__item--folder' ) );
 	const guideTreeElement = document.getElementById( 'guidetree' );
 	const foldedClassName = 'tree__item-nested-list--hidden';

package/themes/umberto/src/umberto/js/_toc.js

@@ -4,7 +4,7 @@
  */
 
 import $ from 'jquery';
-import throttle from 'lodash/throttle';
+import throttle from 'lodash/throttle.js';
 
 export function trackArticlePosition() {
 	let headingsData = [];

package/themes/umberto/src/umberto/js/_warningbanner.js

@@ -10,7 +10,7 @@ import $ from 'jquery';
  *
  * @param {String} message
  */
-export default function showWarningBanner( message ) {
+export function showWarningBanner( message ) {
 	const warningElement = $( '<div class="warning-banner"></div>' );
 
 	warningElement.append( `<span>⚠️ Warning</span><span>${ message }</span>` );

package/themes/umberto/src/umberto/js/app.js

@@ -4,25 +4,25 @@
  */
 
 import $ from 'jquery';
-import { setupPrism } from './_prism';
-import { enableCollapsables, hideTogglers } from './_collapsables';
-import { enableAnchors } from './_anchors';
-import { enableDropdowns } from './_dropdowns';
-import { enableFiltering } from './_filtering';
-import { trackArticlePosition } from './_toc';
-import { expandApiTree, scrollApiTree } from './_apitree';
-import { setUpFuse } from './_apisearch';
-import pageNavigation from './_pagenavigation';
-import { activateDevNames } from './_devnames';
-import sideNavigation from './_sidenavigation';
-import sampleCode from './_samplecode';
-import copyMobileApiNavigation from './_copymobileapinavigation';
-import { rwdButton } from './_rwdmenu';
-import imageModal from './_imageModal';
-import showWarningBanner from './_warningbanner';
-import { enableBadgeTooltips, createTooltip } from './_tooltips';
-import attachPermalinkListener from './_attachpermalinklistener';
-import { createCodeSwitcherButtons } from './_codeswitcherbuttons';
+import { setupPrism } from './_prism.js';
+import { enableCollapsables, hideTogglers } from './_collapsables.js';
+import { enableAnchors } from './_anchors.js';
+import { enableDropdowns } from './_dropdowns.js';
+import { enableFiltering } from './_filtering.js';
+import { trackArticlePosition } from './_toc.js';
+import { expandApiTree, scrollApiTree } from './_apitree.js';
+import { setUpFuse } from './_apisearch.js';
+import { pageNavigation } from './_pagenavigation.js';
+import { activateDevNames } from './_devnames.js';
+import { sideNavigation } from './_sidenavigation.js';
+import { sampleCode } from './_samplecode.js';
+import { copyMobileApiNavigation } from './_copymobileapinavigation.js';
+import { rwdButton } from './_rwdmenu.js';
+import { imageModal } from './_imageModal.js';
+import { showWarningBanner } from './_warningbanner.js';
+import { enableBadgeTooltips, createTooltip } from './_tooltips.js';
+import { attachPermalinkListener } from './_attachpermalinklistener.js';
+import { createCodeSwitcherButtons } from './_codeswitcherbuttons.js';
 
 // Changing documentation theme. To enable, type in the console: `localStorage.setItem( 'theme', 'theme-dark' )`.
 if ( localStorage.getItem( 'theme' ) === 'theme-dark' ) {

package/src/tasks/validate-html-w3c.js

@@ -1,35 +0,0 @@
-/**
- * @license Copyright (c) 2017-2026, CKSource Holding sp. z o.o. All rights reserved.
- * For licensing, see LICENSE.md.
- */
-
-const { spawn } = require( 'node:child_process' );
-const vnu = require( 'vnu-jar' );
-
-module.exports = ( buildPath, { verbose } = {} ) => new Promise( ( resolve, reject ) => {
-	const args = [ '-jar', vnu, '--skip-non-html', '--also-check-css', '--exit-zero-always', '--format', 'text' ];
-	if ( !verbose ) {
-		args.push( '--errors-only' );
-	}
-	args.push( buildPath );
-	const proc = spawn( 'java', args );
-
-	proc.stderr.on( 'data', data => {
-		process.stdout.write( data );
-	} );
-
-	proc.stdout.on( 'data', data => {
-		process.stdout.write( data );
-	} );
-
-	proc.on( 'close', code => {
-		if ( code !== 0 ) {
-			console.log( `Process exit with code: ${ code }` );
-			reject( code );
-		}
-		else {
-			resolve();
-		}
-	} );
-} );
-