@imposium-hub/components 1.54.1 → 1.54.3

package/dist/esm/components/font-picker/FontPicker.js

@@ -0,0 +1,125 @@
+import * as React from 'react';
+import FontManager from './font-manager/FontManager';
+import { OPTIONS_DEFAULTS } from './font-manager/types';
+import { FONT_FAMILY_DEFAULT } from './font-manager/constants';
+import { createFontStyleSheets } from './font-manager/fontStyle';
+export default class FontPicker extends React.PureComponent {
+    fontManager;
+    static defaultProps = {
+        activeFontFamily: FONT_FAMILY_DEFAULT,
+        families: OPTIONS_DEFAULTS.families,
+        categories: OPTIONS_DEFAULTS.categories,
+        scripts: OPTIONS_DEFAULTS.scripts,
+        variants: OPTIONS_DEFAULTS.variants,
+        filter: OPTIONS_DEFAULTS.filter,
+        limit: OPTIONS_DEFAULTS.limit
+    };
+    constructor(props) {
+        super(props);
+        const { apiKey, activeFontFamily, families, categories, scripts, variants, filter, limit, onChange } = this.props;
+        this.state = {
+            expanded: false,
+            fonts: null
+        };
+        const options = {
+            families,
+            categories,
+            scripts,
+            variants,
+            filter,
+            limit
+        };
+        this.fontManager = new FontManager(apiKey, activeFontFamily, options, onChange);
+    }
+    componentDidUpdate = (prevProps) => {
+        const { activeFontFamily, onChange, customFonts, defaultFonts } = this.props;
+        if (prevProps.customFonts !== customFonts) {
+            this.fontManager
+                .init()
+                .then((fontMap) => {
+                const googleFonts = Array.from(fontMap.values()).filter((f) => f.files);
+                const updateDefaultFonts = defaultFonts.map((f) => googleFonts.find((o) => o.family === f.family) || f);
+                const uniqueFontFamilies = new Set();
+                const uniqueFonts = updateDefaultFonts.filter((e) => {
+                    const isDup = uniqueFontFamilies.has(e.family);
+                    uniqueFontFamilies.add(e.family);
+                    if (!isDup) {
+                        return true;
+                    }
+                    return false;
+                });
+                this.setState({ fonts: uniqueFonts }, () => createFontStyleSheets(defaultFonts, uniqueFonts, customFonts));
+            })
+                .catch((err) => {
+                console.error('Error trying to fetch the list of available fonts');
+                console.error(err);
+            });
+        }
+        if (activeFontFamily !== prevProps.activeFontFamily) {
+            this.setActiveFontFamily(activeFontFamily);
+        }
+        if (onChange !== prevProps.onChange) {
+            this.fontManager.setOnChange(onChange);
+        }
+    };
+    onClose = (e) => {
+        let targetEl = e.target;
+        const fontPickerEl = document.getElementById(`font-picker`);
+        while (true) {
+            if (targetEl === fontPickerEl) {
+                return;
+            }
+            if (targetEl.parentNode) {
+                targetEl = targetEl.parentNode;
+            }
+            else {
+                this.toggleExpanded();
+                return;
+            }
+        }
+    };
+    onSelection = (e) => {
+        const activeFontFamily = e.target.textContent;
+        if (!activeFontFamily) {
+            throw Error(`Missing font family in clicked font button`);
+        }
+        this.setActiveFontFamily(activeFontFamily);
+        this.toggleExpanded();
+    };
+    setActiveFontFamily = (activeFontFamily) => {
+        this.fontManager.setActiveFont(activeFontFamily);
+    };
+    generateFontList = () => {
+        const { activeFontFamily, families } = this.props;
+        return (React.createElement("ul", { className: 'font-list' }, families.map((font) => {
+            const isActive = font === activeFontFamily;
+            return (React.createElement("li", { key: font, className: 'font-list-item' },
+                React.createElement("button", { type: 'button', id: `font-button-${font}`, className: `font-button ${isActive ? 'active-font' : ''}`, onClick: this.onSelection, onKeyDown: this.onSelection, style: { fontFamily: font } }, font)));
+        })));
+    };
+    toggleExpanded = () => {
+        const { expanded } = this.state;
+        if (expanded) {
+            this.setState({
+                expanded: false
+            });
+            document.removeEventListener('click', () => this.onClose);
+        }
+        else {
+            this.setState({
+                expanded: true
+            });
+            document.addEventListener('click', () => this.onClose);
+        }
+    };
+    render = () => {
+        const { activeFontFamily } = this.props;
+        const { expanded } = this.state;
+        return (React.createElement("div", { id: `font-picker`, className: expanded ? 'expanded' : '' },
+            React.createElement("button", { type: 'button', className: 'dropdown-button', onClick: this.toggleExpanded, onKeyDown: this.toggleExpanded },
+                React.createElement("p", { className: 'dropdown-font-family' }, activeFontFamily),
+                React.createElement("p", { className: 'dropdown-icon finished' })),
+            this.generateFontList()));
+    };
+}
+//# sourceMappingURL=FontPicker.js.map

package/dist/esm/components/font-picker/FontPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontPicker.js","sourceRoot":"","sources":["../../../../src/components/font-picker/FontPicker.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/font-picker/font-manager/FontManager.d.ts

@@ -0,0 +1,26 @@
+import { FontList, Options } from './types';
+export default class FontManager {
+    private readonly apiKey;
+    private readonly options;
+    private onChange;
+    private fonts;
+    constructor(apiKey: string, defaultFamily: string, { families, categories, scripts, variants, filter, limit }: Options, onChange: (font: string) => void);
+    /**
+     * Fetch list of all fonts from Google Fonts API, filter it according to the class parameters and
+     * save them to the font map
+     */
+    init(): Promise<FontList>;
+    private getFontList;
+    /**
+     * Add a new font to the font map and download its preview characters
+     */
+    private addFont;
+    /**
+     * Set the specified font as the active font and download it
+     */
+    setActiveFont(fontFamily: string): void;
+    /**
+     * Update the onChange function (executed when changing the active font)
+     */
+    setOnChange(onChange: (font: string) => void): void;
+}

package/dist/esm/components/font-picker/font-manager/FontManager.js

@@ -0,0 +1,105 @@
+import { OPTIONS_DEFAULTS } from './types';
+import { FONT_FAMILY_DEFAULT, LIST_BASE_URL } from './constants';
+import { getFontId, get } from './utils';
+export default class FontManager {
+    apiKey;
+    options;
+    onChange;
+    fonts = new Map();
+    constructor(apiKey, defaultFamily = FONT_FAMILY_DEFAULT, { families = OPTIONS_DEFAULTS.families, categories = OPTIONS_DEFAULTS.categories, scripts = OPTIONS_DEFAULTS.scripts, variants = OPTIONS_DEFAULTS.variants, filter = OPTIONS_DEFAULTS.filter, limit = OPTIONS_DEFAULTS.limit }, onChange) {
+        // Save parameters as class variables
+        this.apiKey = apiKey;
+        this.options = {
+            families,
+            categories,
+            scripts,
+            variants,
+            filter,
+            limit
+        };
+        this.onChange = onChange;
+        // Download default font and add it to the empty font list
+        this.addFont(defaultFamily);
+        this.setActiveFont(defaultFamily);
+    }
+    /**
+     * Fetch list of all fonts from Google Fonts API, filter it according to the class parameters and
+     * save them to the font map
+     */
+    async init() {
+        // Get list of all fonts
+        const fonts = await this.getFontList(this.apiKey);
+        // Save desired fonts in the font map
+        for (const font of fonts) {
+            // const font = fonts[i];
+            // Exit once specified limit of number of fonts is reached
+            if (this.fonts.size >= this.options.limit) {
+                break;
+            }
+            if (
+            // Skip default font if it is also contained in the list
+            !this.fonts.has(font.family) &&
+                // `families` parameter: Only keep fonts whose names are included in the provided array
+                (this.options.families.length === 0 ||
+                    this.options.families.includes(font.family)) &&
+                // `categories` parameter: only keep fonts in categories from the provided array
+                (this.options.categories.length === 0 ||
+                    this.options.categories.includes(font.category)) &&
+                // `scripts` parameter: Only keep fonts which are available in all specified scripts
+                this.options.scripts.every((script) => font.scripts.includes(script)) &&
+                // `variants` parameter: Only keep fonts which contain all specified variants
+                this.options.variants.every((variant) => font.variants.includes(variant)) &&
+                // `filter` parameter: Only keep fonts for which the `filter` function evaluates to `true`
+                this.options.filter(font) === true) {
+                // Font fulfils all requirements: Add it to font map
+                this.fonts.set(font.family, font);
+            }
+        }
+        return this.fonts;
+    }
+    async getFontList(apiKey) {
+        const url = new URL(LIST_BASE_URL);
+        url.searchParams.append('sort', 'popularity');
+        url.searchParams.append('key', apiKey);
+        const response = await get(url.href);
+        const fontsOriginal = JSON.parse(response).items;
+        return fontsOriginal.map((fontOriginal) => {
+            const { family, subsets, ...others } = fontOriginal;
+            return {
+                ...others,
+                family,
+                id: getFontId(family),
+                scripts: subsets
+            };
+        });
+    }
+    /**
+     * Add a new font to the font map and download its preview characters
+     */
+    addFont(fontFamily) {
+        const font = {
+            family: fontFamily,
+            id: getFontId(fontFamily),
+            variants: [],
+            category: 'display',
+            scripts: []
+        };
+        this.fonts.set(fontFamily, font);
+    }
+    /**
+     * Set the specified font as the active font and download it
+     */
+    setActiveFont(fontFamily) {
+        const runOnChange = fontFamily !== 'Font not found';
+        if (runOnChange) {
+            this.onChange(fontFamily);
+        }
+    }
+    /**
+     * Update the onChange function (executed when changing the active font)
+     */
+    setOnChange(onChange) {
+        this.onChange = onChange;
+    }
+}
+//# sourceMappingURL=FontManager.js.map

package/dist/esm/components/font-picker/font-manager/FontManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FontManager.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/FontManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAA2B,gBAAgB,EAAU,MAAM,SAAS,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAMzC,MAAM,CAAC,OAAO,OAAO,WAAW;IACX,MAAM,CAAS;IAEf,OAAO,CAAU;IAE1B,QAAQ,CAAyB;IAEjC,KAAK,GAAa,IAAI,GAAG,EAAgB,CAAC;IAElD,YACI,MAAc,EACd,gBAAwB,mBAAmB,EAC3C,EACI,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,EACpC,UAAU,GAAG,gBAAgB,CAAC,UAAU,EACxC,OAAO,GAAG,gBAAgB,CAAC,OAAO,EAClC,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,EACpC,MAAM,GAAG,gBAAgB,CAAC,MAAM,EAChC,KAAK,GAAG,gBAAgB,CAAC,KAAK,EACxB,EAEV,QAAgC;QAEhC,qCAAqC;QACrC,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,OAAO,GAAG;YACX,QAAQ;YACR,UAAU;YACV,OAAO;YACP,QAAQ;YACR,MAAM;YACN,KAAK;SACR,CAAC;QACF,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QAEzB,0DAA0D;QAC1D,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC;QAC5B,IAAI,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;IACtC,CAAC;IAED;;;OAGG;IACI,KAAK,CAAC,IAAI;QACb,wBAAwB;QACxB,MAAM,KAAK,GAAG,MAAM,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAClD,qCAAqC;QACrC,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE;YACtB,yBAAyB;YACzB,0DAA0D;YAC1D,IAAI,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE;gBACvC,MAAM;aACT;YAED;YACI,wDAAwD;YACxD,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC;gBAC5B,uFAAuF;gBACvF,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,KAAK,CAAC;oBAC/B,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;gBAChD,gFAAgF;gBAChF,CAAC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC;oBACjC,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;gBACpD,oFAAoF;gBACpF,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,MAAM,EAAW,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAC9E,6EAA6E;gBAC7E,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,OAAO,EAAW,EAAE,CAC7C,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,OAAO,CAAC,CAClC;gBACD,0FAA0F;gBAC1F,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,IAAI,EACpC;gBACE,oDAAoD;gBACpD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC,CAAC;aACrC;SACJ;QAED,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB,CAAC;IAEO,KAAK,CAAC,WAAW,CAAC,MAAc;QACpC,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;QACnC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;QAC9C,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;QACvC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;QACrC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;QACjD,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,YAA0B,EAAQ,EAAE;YAC1D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,YAAY,CAAC;YACpD,OAAO;gBACH,GAAG,MAAM;gBACT,MAAM;gBACN,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC;gBACrB,OAAO,EAAE,OAAO;aACnB,CAAC;QACN,CAAC,CAAC,CAAC;IACP,CAAC;IAED;;OAEG;IACK,OAAO,CAAC,UAAkB;QAC9B,MAAM,IAAI,GAAS;YACf,MAAM,EAAE,UAAU;YAClB,EAAE,EAAE,SAAS,CAAC,UAAU,CAAC;YACzB,QAAQ,EAAE,EAAE;YACZ,QAAQ,EAAE,SAAS;YACnB,OAAO,EAAE,EAAE;SACd,CAAC;QACF,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,UAAU,EAAE,IAAI,CAAC,CAAC;IACrC,CAAC;IAED;;OAEG;IACI,aAAa,CAAC,UAAkB;QACnC,MAAM,WAAW,GAAG,UAAU,KAAK,gBAAgB,CAAC;QAEpD,IAAI,WAAW,EAAE;YACb,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAC;SAC7B;IACL,CAAC;IAED;;OAEG;IACI,WAAW,CAAC,QAAgC;QAC/C,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC7B,CAAC;CACJ"}

package/dist/esm/components/font-picker/font-manager/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const FONT_BASE_URL = "https://fonts.googleapis.com/css2";
+export declare const LIST_BASE_URL = "https://www.googleapis.com/webfonts/v1/webfonts";
+export declare const FONT_FACE_REGEX: RegExp;
+export declare const FONT_FAMILY_DEFAULT = "Open Sans";

package/dist/esm/components/font-picker/font-manager/constants.js

@@ -0,0 +1,5 @@
+export const FONT_BASE_URL = 'https://fonts.googleapis.com/css2';
+export const LIST_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
+export const FONT_FACE_REGEX = /@font-face {([\s\S]*?)}/gm;
+export const FONT_FAMILY_DEFAULT = 'Open Sans';
+//# sourceMappingURL=constants.js.map

package/dist/esm/components/font-picker/font-manager/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/constants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,mCAAmC,CAAC;AAEjE,MAAM,CAAC,MAAM,aAAa,GAAG,iDAAiD,CAAC;AAE/E,MAAM,CAAC,MAAM,eAAe,GAAG,2BAA2B,CAAC;AAE3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,WAAW,CAAC"}

package/dist/esm/components/font-picker/font-manager/font-styles/declarations.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Add/update declaration for applying the current active font
+ */
+export declare const applyActiveFont: (activeFont: string, previousFontFamily: string) => void;

package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js

@@ -0,0 +1,27 @@
+/**
+ * Create/find and return the apply-font stylesheet for the provided selectorSuffix
+ */
+const getActiveFontStylesheet = () => {
+    const stylesheetId = `active-font`;
+    let activeFontStylesheet = document.getElementById(stylesheetId);
+    if (!activeFontStylesheet) {
+        activeFontStylesheet = document.createElement('style');
+        activeFontStylesheet.id = stylesheetId;
+        document.head.appendChild(activeFontStylesheet);
+    }
+    return activeFontStylesheet;
+};
+/**
+ * Add/update declaration for applying the current active font
+ */
+export const applyActiveFont = (activeFont, previousFontFamily) => {
+    const style = `
+		.apply-font {
+			font-family: "${activeFont}"${previousFontFamily ? `, "${previousFontFamily}"` : ''};
+		}
+	`;
+    const activeFontStylesheet = getActiveFontStylesheet();
+    console.log(activeFontStylesheet);
+    activeFontStylesheet.innerHTML = style;
+};
+//# sourceMappingURL=declarations.js.map

package/dist/esm/components/font-picker/font-manager/font-styles/declarations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"declarations.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/font-styles/declarations.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,uBAAuB,GAAG,GAAqB,EAAE;IACnD,MAAM,YAAY,GAAG,aAAa,CAAC;IACnC,IAAI,oBAAoB,GAAG,QAAQ,CAAC,cAAc,CAAC,YAAY,CAAqB,CAAC;IACrF,IAAI,CAAC,oBAAoB,EAAE;QACvB,oBAAoB,GAAG,QAAQ,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;QACvD,oBAAoB,CAAC,EAAE,GAAG,YAAY,CAAC;QACvC,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;KACnD;IACD,OAAO,oBAAoB,CAAC;AAChC,CAAC,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,UAAkB,EAAE,kBAA0B,EAAQ,EAAE;IACpF,MAAM,KAAK,GAAG;;mBAEC,UAAU,IAAI,kBAAkB,CAAC,CAAC,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,CAAC,EAAE;;EAEpF,CAAC;IACC,MAAM,oBAAoB,GAAG,uBAAuB,EAAE,CAAC;IACvD,OAAO,CAAC,GAAG,CAAC,oBAAoB,CAAC,CAAA;IACjC,oBAAoB,CAAC,SAAS,GAAG,KAAK,CAAC;AAC3C,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/fontStyle.d.ts

@@ -0,0 +1 @@
+export declare const createFontStyleSheets: (defaultFonts: any, uniqueFonts: any, availableFonts?: any) => void;

package/dist/esm/components/font-picker/font-manager/fontStyle.js

@@ -0,0 +1,65 @@
+import { FONT_BASE_URL, FONT_FACE_REGEX } from './constants';
+import { get, getMatches } from './utils';
+export const createFontStyleSheets = (defaultFonts, uniqueFonts, availableFonts) => {
+    defaultFonts.map((font) => {
+        const fonts = uniqueFonts.find((f) => f.family === font.family);
+        const fontId = font.name.toLowerCase().split(' ').join('-');
+        // non Google Font style
+        if (fonts?.file) {
+            fillFontStyleSheets(fontId, font);
+        }
+        // google font style
+        if (fonts?.files) {
+            const fontURL = new URL(FONT_BASE_URL);
+            fontURL.searchParams.append('family', `${font.family}:wght@${font.weight}`);
+            fontURL.searchParams.append('text', font.name);
+            fontURL.searchParams.append('font-display', 'swap');
+            get(fontURL.href)
+                .then((res) => {
+                const rule = getMatches(FONT_FACE_REGEX, res);
+                const updateFont = rule[rule.length - 1].replace(font.family, font.name);
+                fillFontStyleSheets(fontId, updateFont, font.name);
+            })
+                .catch((e) => console.error(e));
+        }
+    });
+    // custom font style
+    if (availableFonts) {
+        availableFonts.map((font) => {
+            const fontId = font.name.toLowerCase();
+            fillFontStyleSheets(fontId, font);
+        });
+    }
+};
+const fillFontStyleSheets = (fontId, font, fontName) => {
+    let stylesheetNode = document.getElementById(`font-${fontId}`);
+    const { weight, file, url, name, family } = font;
+    const fontFamily = name !== family ? name : family;
+    const fontWeight = weight ? `font-weight: ${weight};` : '';
+    const fontUrl = file ? `fonts/${file}` : `${url}`;
+    if (stylesheetNode === null) {
+        stylesheetNode = stylesheetNode;
+        stylesheetNode = document.createElement('style');
+        if (stylesheetNode !== null) {
+            stylesheetNode.id = `font-${fontId}`;
+            stylesheetNode.setAttribute('data-is-preview', 'true');
+            // non-google and custom fonts style
+            if (fontFamily && fontFamily && fontUrl) {
+                stylesheetNode.textContent = `
+                @font-face {
+                    font-family: ${fontFamily};
+                    ${fontWeight}
+                    src: url(${fontUrl});
+                }`;
+            }
+            if (fontName) {
+                stylesheetNode.textContent = `
+                @font-face {
+                    ${font.replace(`'${fontName}'`, fontName)}
+                }`;
+            }
+            document.head.appendChild(stylesheetNode);
+        }
+    }
+};
+//# sourceMappingURL=fontStyle.js.map

package/dist/esm/components/font-picker/font-manager/fontStyle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontStyle.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/fontStyle.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.d.ts

@@ -0,0 +1,5 @@
+import { Font } from '../types';
+/**
+ * Fetch the list of all available fonts from the Google Fonts API
+ */
+export declare const getFontList: (apiKey: string) => Promise<Font[]>;

package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js

@@ -0,0 +1,22 @@
+import { getFontId, get } from '../utils';
+const LIST_BASE_URL = 'https://www.googleapis.com/webfonts/v1/webfonts';
+/**
+ * Fetch the list of all available fonts from the Google Fonts API
+ */
+export const getFontList = async (apiKey) => {
+    const url = new URL(LIST_BASE_URL);
+    url.searchParams.append('sort', 'popularity');
+    url.searchParams.append('key', apiKey);
+    const response = await get(url.href);
+    const fontsOriginal = JSON.parse(response).items;
+    return fontsOriginal.map((fontOriginal) => {
+        const { family, subsets, ...others } = fontOriginal;
+        return {
+            ...others,
+            family,
+            id: getFontId(family),
+            scripts: subsets
+        };
+    });
+};
+//# sourceMappingURL=fontList.js.map

package/dist/esm/components/font-picker/font-manager/google-fonts/fontList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fontList.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/google-fonts/fontList.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAE1C,MAAM,aAAa,GAAG,iDAAiD,CAAC;AAUxE;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,EAAE,MAAc,EAAmB,EAAE;IACjE,MAAM,GAAG,GAAG,IAAI,GAAG,CAAC,aAAa,CAAC,CAAC;IACnC,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;IAC9C,GAAG,CAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,MAAM,GAAG,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IACrC,MAAM,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,KAAK,CAAC;IACjD,OAAO,aAAa,CAAC,GAAG,CAAC,CAAC,YAA0B,EAAQ,EAAE;QAC1D,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,YAAY,CAAC;QACpD,OAAO;YACH,GAAG,MAAM;YACT,MAAM;YACN,EAAE,EAAE,SAAS,CAAC,MAAM,CAAC;YACrB,OAAO,EAAE,OAAO;SACnB,CAAC;IACN,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FontManager } from './FontManager';
+export * from './types';
+export { getFontId } from './utils/ids';

package/dist/esm/components/font-picker/font-manager/index.js

@@ -0,0 +1,4 @@
+export { default as FontManager } from './FontManager';
+export * from './types';
+export { getFontId } from './utils/ids';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/font-picker/font-manager/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/esm/components/font-picker/font-manager/interface.js

@@ -0,0 +1 @@
+//# sourceMappingURL=interface.js.map

package/dist/esm/components/font-picker/font-manager/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interface.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/interface.ts"],"names":[],"mappings":""}

package/dist/esm/components/font-picker/font-manager/loadFonts.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
+ * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
+ */
+export declare const loadActiveFont: (font: string, previousFontFamily: string) => any;

package/dist/esm/components/font-picker/font-manager/loadFonts.js

@@ -0,0 +1,16 @@
+import { applyActiveFont } from './font-styles/declarations';
+/**
+ * Get the Google Fonts stylesheet for the specified font (in the specified scripts and variants),
+ * add the necessary CSS declarations to apply it and add the font's stylesheet to the document head
+ */
+export const loadActiveFont = (font, previousFontFamily) => {
+    console.log('loadActiveFont');
+    return () => {
+        return new Promise((reject) => {
+            applyActiveFont(font, previousFontFamily);
+        }).catch((e) => {
+            console.error(e);
+        });
+    };
+};
+//# sourceMappingURL=loadFonts.js.map

package/dist/esm/components/font-picker/font-manager/loadFonts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loadFonts.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/loadFonts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,IAAY,EAAE,kBAA0B,EAAO,EAAE;IAC5E,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAC7B,OAAO,GAAG,EAAE;QACR,OAAO,IAAI,OAAO,CAAO,CAAC,MAAM,EAAE,EAAE;YAChC,eAAe,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAQ,EAAE,EAAE;YAClB,OAAO,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;IACP,CAAC,CAAC;AACN,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/types.d.ts

@@ -0,0 +1,25 @@
+export declare type Category = 'sans-serif' | 'serif' | 'display' | 'handwriting' | 'monospace';
+export declare type Script = 'arabic' | 'bengali' | 'chinese-simplified' | 'chinese-traditional' | 'cyrillic' | 'cyrillic-ext' | 'devanagari' | 'greek' | 'greek-ext' | 'gujarati' | 'gurmukhi' | 'hebrew' | 'japanese' | 'kannada' | 'khmer' | 'korean' | 'latin' | 'latin-ext' | 'malayalam' | 'myanmar' | 'oriya' | 'sinhala' | 'tamil' | '​telugu' | 'thai' | 'vietnamese';
+export declare type SortOption = 'alphabet' | 'popularity';
+export declare type Variant = '100' | '100italic' | '200' | '200italic' | '300' | '300italic' | 'regular' | 'italic' | '500' | '500italic' | '600' | '600italic' | '700' | '700italic' | '800' | '800italic' | '900' | '900italic';
+export interface Font {
+    family: string;
+    id: string;
+    category: Category;
+    scripts: Script[];
+    variants: Variant[];
+    kind?: string;
+    version?: string;
+    lastModified?: string;
+    files?: Record<Variant, string>;
+}
+export declare type FontList = Map<string, Font>;
+export interface Options {
+    families: string[];
+    categories: Category[];
+    scripts: Script[];
+    variants: Variant[];
+    filter: (font: Font) => boolean;
+    limit: number;
+}
+export declare const OPTIONS_DEFAULTS: Options;

package/dist/esm/components/font-picker/font-manager/types.js

@@ -0,0 +1,9 @@
+export const OPTIONS_DEFAULTS = {
+    families: [],
+    categories: [],
+    scripts: ['latin'],
+    variants: ['regular'],
+    filter: () => true,
+    limit: 50
+};
+//# sourceMappingURL=types.js.map

package/dist/esm/components/font-picker/font-manager/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/components/font-picker/font-manager/types.ts"],"names":[],"mappings":"AA2EA,MAAM,CAAC,MAAM,gBAAgB,GAAY;IACrC,QAAQ,EAAE,EAAE;IACZ,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,CAAC,OAAO,CAAC;IAClB,QAAQ,EAAE,CAAC,SAAS,CAAC;IACrB,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI;IAClB,KAAK,EAAE,EAAE;CACZ,CAAC"}

package/dist/esm/components/font-picker/font-manager/utils/ids.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Return the fontId based on the provided font family
+ */
+export declare const getFontId: (fontFamily: string) => string;

package/dist/esm/components/font-picker/font-manager/utils/ids.js

@@ -0,0 +1,7 @@
+/**
+ * Return the fontId based on the provided font family
+ */
+export const getFontId = (fontFamily) => {
+    return fontFamily.replace(/\s+/g, '-').toLowerCase();
+};
+//# sourceMappingURL=ids.js.map

package/dist/esm/components/font-picker/font-manager/utils/ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ids.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/ids.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAU,EAAE;IACpD,OAAO,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACzD,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/utils/request.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Execute a GET XMLHttpRequest and return the result
+ */
+export declare const get: (url: string) => Promise<string>;

package/dist/esm/components/font-picker/font-manager/utils/request.js

@@ -0,0 +1,25 @@
+/**
+ * Execute a GET XMLHttpRequest and return the result
+ */
+export const get = (url) => {
+    return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.overrideMimeType('application/json');
+        request.open('GET', url, true);
+        request.onreadystatechange = () => {
+            // Request has completed
+            if (request.readyState === 4) {
+                if (request.status !== 200) {
+                    // On error
+                    reject(new Error(`Response has status code ${request.status}`));
+                }
+                else {
+                    // On success
+                    resolve(request.responseText);
+                }
+            }
+        };
+        request.send();
+    });
+};
+//# sourceMappingURL=request.js.map

package/dist/esm/components/font-picker/font-manager/utils/request.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"request.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/request.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAW,EAAmB,EAAE;IAChD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QACrC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,kBAAkB,GAAG,GAAS,EAAE;YACpC,wBAAwB;YACxB,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,MAAM,KAAK,GAAG,EAAE;oBACxB,WAAW;oBACX,MAAM,CAAC,IAAI,KAAK,CAAC,4BAA4B,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;iBACnE;qBAAM;oBACH,aAAa;oBACb,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;iBACjC;aACJ;QACL,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export declare const getFontId: (fontFamily: string) => string;
+export declare const get: (url: string) => Promise<string>;

package/dist/esm/components/font-picker/font-manager/utils/utils.js

@@ -0,0 +1,25 @@
+export const getFontId = (fontFamily) => {
+    return fontFamily.replace(/\s+/g, '-').toLowerCase();
+};
+export const get = (url) => {
+    return new Promise((resolve, reject) => {
+        const request = new XMLHttpRequest();
+        request.overrideMimeType('application/json');
+        request.open('GET', url, true);
+        request.onreadystatechange = () => {
+            // Request has completed
+            if (request.readyState === 4) {
+                if (request.status !== 200) {
+                    // On error
+                    reject(new Error(`Response has status code ${request.status}`));
+                }
+                else {
+                    // On success
+                    resolve(request.responseText);
+                }
+            }
+        };
+        request.send();
+    });
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/components/font-picker/font-manager/utils/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../../src/components/font-picker/font-manager/utils/utils.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,UAAkB,EAAU,EAAE;IACpD,OAAO,UAAU,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC,GAAW,EAAmB,EAAE;IAChD,OAAO,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,MAAM,EAAQ,EAAE;QACzC,MAAM,OAAO,GAAG,IAAI,cAAc,EAAE,CAAC;QACrC,OAAO,CAAC,gBAAgB,CAAC,kBAAkB,CAAC,CAAC;QAC7C,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,CAAC;QAC/B,OAAO,CAAC,kBAAkB,GAAG,GAAS,EAAE;YACpC,wBAAwB;YACxB,IAAI,OAAO,CAAC,UAAU,KAAK,CAAC,EAAE;gBAC1B,IAAI,OAAO,CAAC,MAAM,KAAK,GAAG,EAAE;oBACxB,WAAW;oBACX,MAAM,CAAC,IAAI,KAAK,CAAC,4BAA4B,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;iBACnE;qBAAM;oBACH,aAAa;oBACb,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;iBACjC;aACJ;QACL,CAAC,CAAC;QACF,OAAO,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC,CAAC,CAAC;AACP,CAAC,CAAC"}

package/dist/esm/components/font-picker/font-manager/utils.d.ts

@@ -0,0 +1,3 @@
+export declare const getFontId: (fontFamily: string) => string;
+export declare const get: (url: string) => Promise<string>;
+export declare const getMatches: (regex: RegExp, str: string) => string[];