@elementor/editor-controls 4.4.0-1135 → 4.4.0-1137

package/src/controls/icon-library/fontello-svg-font.ts

@@ -1,227 +0,0 @@
-type FontelloConfig = {
-	glyphs?: Array< { css?: unknown; code?: unknown; svg?: unknown } >;
-};
-
-type GlyphRecord = {
-	d: string;
-	units: number;
-	advance: number;
-};
-
-type GlyphIndex = {
-	byName: Map< string, GlyphRecord >;
-	byCode: Map< number, GlyphRecord >;
-};
-
-export function parseFontelloSvgFont(
-	configJson: string,
-	svgFont: string,
-	prefix: string,
-	displayPrefix: string,
-	iconNames: string[]
-): Record< string, string > {
-	const codepoints = parseConfigCodepoints( configJson, prefix );
-	const configPaths = parseConfigSvgPaths( configJson, prefix );
-	const glyphs = parseSvgFontGlyphs( svgFont );
-	const resolvedDisplayPrefix = displayPrefix || prefix.replace( /-$/, '' );
-	const result: Record< string, string > = {};
-
-	for ( const name of iconNames ) {
-		const fromConfig =
-			configPaths.get( name ) ??
-			( prefix && name.startsWith( prefix ) ? configPaths.get( name.slice( prefix.length ) ) : undefined );
-		const glyph = fromConfig ?? findGlyph( glyphs, codepoints, name, prefix );
-
-		if ( ! glyph ) {
-			continue;
-		}
-
-		const value = `${ resolvedDisplayPrefix } ${ prefix }${ name }`.trim();
-		result[ value ] = buildIconSvg( glyph );
-	}
-
-	return result;
-}
-
-export function fontelloSvgUrlFromConfig( fetchJson: string ): string | null {
-	try {
-		const url = new URL( fetchJson, window.location.origin );
-		url.pathname = url.pathname.replace( /\/[^/]+$/, '/font/fontello.svg' );
-
-		return url.href;
-	} catch {
-		return null;
-	}
-}
-
-function parseConfigCodepoints( configJson: string, prefix: string ): Map< string, number > {
-	const map = new Map< string, number >();
-
-	try {
-		const data = JSON.parse( configJson ) as FontelloConfig;
-
-		if ( ! Array.isArray( data.glyphs ) ) {
-			return map;
-		}
-
-		for ( const glyph of data.glyphs ) {
-			if ( typeof glyph.css !== 'string' || glyph.css === '' || typeof glyph.code !== 'number' ) {
-				continue;
-			}
-
-			map.set( glyph.css, glyph.code );
-
-			if ( prefix !== '' && ! glyph.css.startsWith( prefix ) ) {
-				map.set( `${ prefix }${ glyph.css }`, glyph.code );
-			}
-		}
-	} catch {
-		return map;
-	}
-
-	return map;
-}
-
-function parseConfigSvgPaths( configJson: string, prefix: string ): Map< string, GlyphRecord > {
-	const map = new Map< string, GlyphRecord >();
-
-	try {
-		const data = JSON.parse( configJson ) as FontelloConfig;
-
-		if ( ! Array.isArray( data.glyphs ) ) {
-			return map;
-		}
-
-		for ( const glyph of data.glyphs ) {
-			if ( typeof glyph.css !== 'string' || glyph.css === '' ) {
-				continue;
-			}
-
-			let path = '';
-			let advance = 1000;
-
-			if ( typeof glyph.svg === 'string' ) {
-				path = glyph.svg;
-			} else if (
-				glyph.svg &&
-				typeof glyph.svg === 'object' &&
-				'path' in glyph.svg &&
-				typeof glyph.svg.path === 'string'
-			) {
-				path = glyph.svg.path;
-				if ( 'width' in glyph.svg && typeof glyph.svg.width === 'number' && glyph.svg.width > 0 ) {
-					advance = glyph.svg.width;
-				}
-			}
-
-			if ( path === '' ) {
-				continue;
-			}
-
-			const record = { d: path, units: 1000, advance };
-			map.set( glyph.css, record );
-
-			if ( prefix !== '' && ! glyph.css.startsWith( prefix ) ) {
-				map.set( `${ prefix }${ glyph.css }`, record );
-			}
-		}
-	} catch {
-		return map;
-	}
-
-	return map;
-}
-
-function parseSvgFontGlyphs( svgFont: string ): GlyphIndex {
-	const byName = new Map< string, GlyphRecord >();
-	const byCode = new Map< number, GlyphRecord >();
-	const doc = new DOMParser().parseFromString( stripDoctype( svgFont ), 'image/svg+xml' );
-	const font = doc.querySelector( 'font' );
-	const face = doc.querySelector( 'font-face' );
-	const fontAdvance = positiveInt( font?.getAttribute( 'horiz-adv-x' ), 1000 );
-	const units = positiveInt( face?.getAttribute( 'units-per-em' ), fontAdvance );
-
-	doc.querySelectorAll( 'glyph' ).forEach( ( node ) => {
-		const d = node.getAttribute( 'd' ) ?? '';
-
-		if ( d === '' ) {
-			return;
-		}
-
-		const record: GlyphRecord = {
-			d,
-			units,
-			advance: positiveInt( node.getAttribute( 'horiz-adv-x' ), fontAdvance ),
-		};
-		const name = node.getAttribute( 'glyph-name' ) ?? '';
-		const unicode = node.getAttribute( 'unicode' ) ?? '';
-		const code = unicode.codePointAt( 0 );
-
-		if ( name ) {
-			byName.set( name, record );
-		}
-
-		if ( code !== undefined ) {
-			byCode.set( code, record );
-		}
-	} );
-
-	return { byName, byCode };
-}
-
-function findGlyph(
-	glyphs: GlyphIndex,
-	codepoints: Map< string, number >,
-	iconName: string,
-	prefix: string
-): GlyphRecord | null {
-	const names = [ iconName ];
-
-	if ( prefix !== '' && iconName.startsWith( prefix ) ) {
-		names.push( iconName.slice( prefix.length ) );
-	}
-
-	for ( const name of names ) {
-		const byName = glyphs.byName.get( name );
-
-		if ( byName ) {
-			return byName;
-		}
-
-		const code = codepoints.get( name );
-		const byCode = code !== undefined ? glyphs.byCode.get( code ) : undefined;
-
-		if ( byCode ) {
-			return byCode;
-		}
-	}
-
-	return null;
-}
-
-function buildIconSvg( glyph: GlyphRecord ): string {
-	return (
-		`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${ glyph.advance } ${ glyph.units }" fill="currentColor" width="100%" height="100%">` +
-		`<g transform="translate(0,${ glyph.units }) scale(1,-1)">` +
-		`<path d="${ escapeAttribute( glyph.d ) }" fill="currentColor"></path>` +
-		`</g></svg>`
-	);
-}
-
-function stripDoctype( svgFont: string ): string {
-	return svgFont.replace( /<!DOCTYPE[^>]*>/is, '' );
-}
-
-function positiveInt( value: string | null | undefined, fallback: number ): number {
-	if ( ! value ) {
-		return fallback;
-	}
-
-	const parsed = Number.parseInt( value, 10 );
-
-	return parsed > 0 ? parsed : fallback;
-}
-
-function escapeAttribute( value: string ): string {
-	return value.replace( /&/g, '&amp;' ).replace( /"/g, '&quot;' ).replace( /</g, '&lt;' ).replace( />/g, '&gt;' );
-}

package/src/controls/icon-library/icomoon-selection.ts

@@ -1,104 +0,0 @@
-const DEFAULT_ICOMOON_VIEWBOX = 1024;
-
-type IcomoonSelection = {
-	icons?: Array< {
-		icon?: { paths?: unknown; width?: unknown; tags?: unknown };
-		properties?: { name?: unknown };
-	} >;
-	preferences?: { fontPref?: { prefix?: unknown } };
-};
-
-export function parseIcomoonSelection(
-	selectionJson: string,
-	prefix: string,
-	displayPrefix: string,
-	iconNames: string[]
-): Record< string, string > {
-	let data: IcomoonSelection;
-
-	try {
-		data = JSON.parse( selectionJson ) as IcomoonSelection;
-	} catch {
-		return {};
-	}
-
-	const resolvedDisplayPrefix = displayPrefix || prefix.replace( /-$/, '' );
-	const names = iconNames.length > 0 ? iconNames : namesFromSelection( data );
-	const result: Record< string, string > = {};
-
-	for ( const name of names ) {
-		const markup = svgForName( data, name, prefix );
-
-		if ( ! markup ) {
-			continue;
-		}
-
-		result[ `${ resolvedDisplayPrefix } ${ prefix }${ name }`.trim() ] = markup;
-	}
-
-	return result;
-}
-
-export function namesFromSelection( data: IcomoonSelection ): string[] {
-	if ( ! Array.isArray( data.icons ) ) {
-		return [];
-	}
-
-	return data.icons.flatMap( ( icon ) => {
-		const name = iconEntryName( icon );
-
-		return name ? [ name ] : [];
-	} );
-}
-
-function svgForName( data: IcomoonSelection, iconName: string, prefix: string ): string | null {
-	const candidates = [ iconName ];
-
-	if ( prefix && iconName.startsWith( prefix ) ) {
-		candidates.push( iconName.slice( prefix.length ) );
-	}
-
-	for ( const icon of data.icons ?? [] ) {
-		const name = iconEntryName( icon );
-
-		if ( ! name || ! candidates.includes( name ) ) {
-			continue;
-		}
-
-		const paths = Array.isArray( icon.icon?.paths )
-			? icon.icon.paths.filter( ( path ): path is string => typeof path === 'string' && path !== '' )
-			: [];
-
-		if ( paths.length === 0 ) {
-			return null;
-		}
-
-		const size =
-			typeof icon.icon?.width === 'number' && icon.icon.width > 0 ? icon.icon.width : DEFAULT_ICOMOON_VIEWBOX;
-		const pathMarkup = paths
-			.map( ( d ) => `<path d="${ escapeAttribute( d ) }" fill="currentColor"></path>` )
-			.join( '' );
-
-		return (
-			`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${ size } ${ size }" fill="currentColor" width="100%" height="100%">` +
-			pathMarkup +
-			'</svg>'
-		);
-	}
-
-	return null;
-}
-
-function iconEntryName( icon: NonNullable< IcomoonSelection[ 'icons' ] >[ number ] ): string {
-	if ( typeof icon.properties?.name === 'string' ) {
-		return icon.properties.name;
-	}
-
-	const tag = icon.icon?.tags;
-
-	return Array.isArray( tag ) && typeof tag[ 0 ] === 'string' ? tag[ 0 ] : '';
-}
-
-function escapeAttribute( value: string ): string {
-	return value.replace( /&/g, '&amp;' ).replace( /"/g, '&quot;' ).replace( /</g, '&lt;' ).replace( />/g, '&gt;' );
-}