@rededor/site-front-end-lib 20.0.39 → 20.1.0-alpha.0

package/fesm2022/rededor-site-front-end-lib-cura-api.mjs

@@ -1,643 +0,0 @@
-import * as i0 from '@angular/core';
-import { inject, DOCUMENT, Injectable, InjectionToken, signal } from '@angular/core';
-import { DOCUMENT as DOCUMENT$1 } from '@angular/common';
-
-/**
- * Cura Default Theme
- */
-const ThemeDefault = {
-    /* Colors */
-    color: {
-        primary: {
-            '100': '113,197,232',
-            '300': '68,142,205',
-            '500': '0,61,165',
-            '700': '0,48,117',
-            '900': '0,40,85',
-        },
-        secondary: {
-            '100': '245,236,227',
-            '300': '221,192,162',
-            '500': '204,160,116',
-            '700': '136,107,77',
-            '900': '41,32,23',
-        },
-        accent: {
-            '100': '255,194,123',
-            '300': '255,168,74',
-            '500': '255,130,0',
-            '700': '215,114,10',
-            '900': '155,90,26',
-        },
-    },
-    /* Spacing */
-    spacing: {
-        base: 4,
-    },
-    /* Fonts */
-    font: {
-        size: '14px',
-        color: '#4A4A4A',
-        body: "'Gotham', Arial, Helvetica, sans-serif",
-        heading: "'Gotham', Arial, Helvetica, sans-serif",
-        display: "'Gotham', Arial, Helvetica, sans-serif",
-        weights: {
-            thin: 100,
-            light: 300,
-            regular: 400,
-            medium: 500,
-            bold: 700,
-            black: 900,
-        },
-    },
-};
-
-/**
- * Cura MaternidadeStar Theme
- */
-const ThemeMaternidadeStar = {
-    /* Colors */
-    color: {
-        primary: {
-            '100': '283, 223, 210',
-            '300': '222, 192, 164',
-            '500': '205, 160, 119',
-            '700': '171, 133, 99',
-            '900': '103, 80, 60',
-        },
-        secondary: {
-            '100': '251, 239, 230',
-            '300': '247, 223, 205',
-            '500': '242, 208, 179',
-            '700': '202, 172, 149',
-            '900': '122, 104, 90',
-        },
-        accent: {
-            '100': '283, 223, 210',
-            '300': '222, 192, 164',
-            '500': '205, 160, 119',
-            '700': '171, 133, 99',
-            '900': '103, 80, 60',
-        },
-    },
-    /* Spacing */
-    spacing: {
-        base: 4,
-    },
-    /* Fonts */
-    font: {
-        size: '14px',
-        color: '#4A4A4A',
-        body: "'SkolaSans', Arial, Helvetica, sans-serif",
-        heading: "'SkolaSans', Arial, Helvetica, sans-serif",
-        display: "'SkolaSans', Arial, Helvetica, sans-serif",
-        weights: {
-            thin: 100,
-            light: 300,
-            regular: 400,
-            medium: 500,
-            bold: 700,
-            black: 900,
-        },
-    },
-};
-
-/**
- * Cura Star Theme
- */
-const ThemeStar = {
-    /* Colors */
-    color: {
-        primary: {
-            '100': '182, 141, 115',
-            '300': '142, 103, 79',
-            '500': '119, 77, 51',
-            '700': '78, 43, 28',
-            '900': '47, 22, 12',
-        },
-        secondary: {
-            '100': '219, 193, 178',
-            '300': '190, 159, 143',
-            '500': '175, 150, 138',
-            '700': '139, 112, 99',
-            '900': '80, 59, 49',
-        },
-        accent: {
-            '100': '229, 196, 158',
-            '300': '198, 162, 122',
-            '500': '145, 107, 59',
-            '700': '110, 72, 23',
-            '900': '83, 46, 6',
-        },
-    },
-    /* Spacing */
-    spacing: {
-        base: 4,
-    },
-    /* Fonts */
-    font: {
-        size: '14px',
-        color: '#4A4A4A',
-        body: "'SkolaSans', Arial, Helvetica, sans-serif",
-        heading: "'SkolaSans', Arial, Helvetica, sans-serif",
-        display: "'SkolaSans', Arial, Helvetica, sans-serif",
-        weights: {
-            thin: 100,
-            light: 300,
-            regular: 400,
-            medium: 500,
-            bold: 700,
-            black: 900,
-        },
-    },
-};
-
-const ThemePresets = {
-    default: ThemeDefault,
-    // 'maternidade': ThemeMaternity,
-    // 'oncologia': ThemeOncology,
-    // 'richet': ThemeRichet,
-    // 'legacyDefault': ThemeLegacyDefault
-    star: ThemeStar,
-    maternidadeStar: ThemeMaternidadeStar,
-};
-
-/**
- * Static theme data
- */
-const Static = {
-    /* Colors */
-    color: {
-        success: {
-            '100': '223,246,233',
-            '300': '148,225,181',
-            '500': '95,210,144',
-            '700': '49,115,77',
-            '900': '19,42,29',
-        },
-        info: {
-            '100': '207,226,255',
-            '300': '149,191,255',
-            '500': '110,168,255',
-            '700': '66,100,153',
-            '900': '37,56,85',
-        },
-        error: {
-            '100': '251,221,221',
-            '300': '242,143,143',
-            '500': '235,87,87',
-            '700': '157,58,58',
-            '900': '47,17,17',
-        },
-        warning: {
-            '100': '252,250,196',
-            '300': '248,244,137',
-            '500': '245,239,78',
-            '700': '108,106,32',
-            '900': '49,48,16',
-        },
-        neutral: {
-            '0': '255,255,255',
-            '100': '246,246,246',
-            '200': '233,233,233',
-            '300': '226,226,226',
-            '400': '212,212,212',
-            '500': '183,183,183',
-            '600': '146,146,146',
-            '700': '110,110,110',
-            '800': '74,74,74',
-            '900': '38,38,38',
-        },
-    },
-    breakpoints: {
-        xsmall: {
-            min: 0,
-            max: 480,
-        },
-        small: {
-            min: 481,
-            max: 768,
-        },
-        medium: {
-            min: 769,
-            max: 992,
-        },
-        large: {
-            min: 993,
-            max: 1920,
-        },
-        xlarge: {
-            min: 1921,
-            max: 4096,
-        },
-    },
-};
-
-class CuraThemeColorsModule {
-    constructor() {
-        this.document = inject(DOCUMENT);
-        this.neutralDepthAlias = {
-            purewhite: '0',
-            white: '100',
-            pale: '200',
-            lighter: '300',
-            light: '400',
-            base: '500',
-            medium: '600',
-            dark: '700',
-            darker: '800',
-            black: '900',
-        };
-        this.colorDepthAlias = {
-            lighter: '100',
-            light: '300',
-            base: '500',
-            dark: '700',
-            darker: '900',
-        };
-    }
-    /**
-     * Get theme color.
-     * @param colorWithDepth string Ex.: primary-light
-     * @param opacity number Opacity value (0-1)
-     * @returns RGBA value.
-     */
-    getColor(colorWithDepth = 'primary-base', opacity = 1) {
-        const { color, depth } = this.splitColorDepth(colorWithDepth);
-        const staticColor = this.getStatic(color, depth, opacity);
-        if (staticColor)
-            return staticColor;
-        return this.getDynamic(color, depth, opacity);
-    }
-    /**
-     * Internal: Look for static color by name and depth.
-     * @param color Color name.
-     * @param depth Depth number or alias.
-     * @param opacity Opacity value.
-     * @returns RGBA value.
-     */
-    getStatic(color, depth, opacity = 1) {
-        const colorObj = Static.color[color];
-        if (!colorObj)
-            return null;
-        const alias = color === 'neutral' ? this.neutralDepthAlias[depth] : this.colorDepthAlias[depth];
-        const colorValue = colorObj[alias] || colorObj[depth];
-        return colorValue ? `rgba(${colorValue}, ${opacity})` : null;
-    }
-    /**
-     * Internal: Look for theme dynamic colors.
-     * @param color Color name.
-     * @param depth Color depth.
-     * @param opacity Opacity value.
-     * @returns RGBA value.
-     */
-    getDynamic(color, depth, opacity) {
-        const themeVar = this.colorDepthAlias[depth] ? `--cura-color-${color}-${this.colorDepthAlias[depth]}` : `--cura-color-${color}-${depth}`;
-        if (typeof window !== 'undefined' && typeof getComputedStyle !== 'undefined' && this.document) {
-            const computedValue = getComputedStyle(this.document.documentElement).getPropertyValue(themeVar);
-            return computedValue ? `rgba(var(${themeVar}), ${opacity})` : `rgba(var(--cura-color-primary-500), ${opacity})`;
-        }
-        // Fallback para SSR
-        return `rgba(var(${themeVar}), ${opacity})`;
-    }
-    /**
-     * Internal: Split color strings
-     * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.
-     * @returns Object { color: string, depth: string }.
-     */
-    splitColorDepth(colorWithDepth) {
-        const [color, depth] = colorWithDepth.toLowerCase().split(/-(.*)/);
-        return { color: color ?? 'primary', depth: depth ?? 'base' };
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeColorsModule, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeColorsModule, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeColorsModule, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class CuraThemeSpacingModule {
-    constructor() {
-        this.document = inject(DOCUMENT);
-        this.curaSpacing = '--cura-spacing-base';
-    }
-    /**
-     * Returns the base spacing var defined in the theme
-     * @returns CSS variable string or fallback value
-     */
-    getSpacing() {
-        if (typeof window !== 'undefined' && typeof getComputedStyle !== 'undefined' && this.document) {
-            const computedValue = getComputedStyle(this.document.body).getPropertyValue(this.curaSpacing);
-            return computedValue ? `var(${this.curaSpacing})` : '4';
-        }
-        // Fallback para SSR
-        return `var(${this.curaSpacing})`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeSpacingModule, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeSpacingModule, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeSpacingModule, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class CuraThemeFontsModule {
-    constructor() {
-        this.document = inject(DOCUMENT);
-    }
-    /**
-     * Get the CSS variable related to the font family defined by the theme.
-     * @param type 'body' | 'heading' | 'display'
-     * @returns Related css variable as a string.
-     */
-    getFamily(type = 'body') {
-        const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;
-        if (typeof window !== 'undefined' && typeof getComputedStyle !== 'undefined' && this.document) {
-            const computedValue = getComputedStyle(this.document.body).getPropertyValue(curaFontFamilyCSSVar);
-            return computedValue ? `var(${curaFontFamilyCSSVar})` : 'var(--cura-font-body)';
-        }
-        // Fallback para SSR
-        return `var(${curaFontFamilyCSSVar})`;
-    }
-    /**
-     * Get the CSS variables related to font weights defined by the theme.
-     * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.
-     */
-    getWeights() {
-        const weights = {};
-        Object.keys(ThemeDefault.font.weights).forEach((key) => {
-            weights[key] = `var(--cura-font-weights-${key})`;
-        });
-        return weights;
-    }
-    /**
-     * Get the CSS variable related to the font size base defined by the theme.
-     * @returns Related CSS variable as a string.
-     */
-    getSize() {
-        return `var(--cura-font-size)`;
-    }
-    /**
-     * Get CSS variable related to the font color defined by the theme.
-     * @returns Related CSS variable as a string.
-     */
-    getColor() {
-        return `var(--cura-font-color)`;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeFontsModule, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeFontsModule, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeFontsModule, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class CuraThemeBreakpointsModule {
-    /**
-     * Returns breakpoint values defined in the theme
-     * @param size Breakpoint size
-     * @param position Min or max position
-     * @returns Breakpoint value or all breakpoints
-     */
-    get(size = null, position = null) {
-        if (size) {
-            const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];
-            if (breakpoint || breakpoint === 0)
-                return breakpoint;
-        }
-        return Static.breakpoints;
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeBreakpointsModule, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeBreakpointsModule, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeBreakpointsModule, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }] });
-
-class CuraThemeModule {
-    constructor() {
-        this.colors = inject(CuraThemeColorsModule);
-        this.spacing = inject(CuraThemeSpacingModule);
-        this.fonts = inject(CuraThemeFontsModule);
-        this.breakpoints = inject(CuraThemeBreakpointsModule);
-        this.document = inject(DOCUMENT);
-        this.rootElement = null;
-        this.prefix = '--cura';
-        this.groupObject = {};
-        /* Private methods */
-        /**
-         * Set css var based on object structure
-         */
-        this.setCssVar = (prop, path) => {
-            if (!this.rootElement)
-                return;
-            const varName = this.groupPath(path, prop[0]);
-            this.rootElement.style.setProperty(varName, prop[1]);
-        };
-        this.groupPath = (a, b) => `${a}-${b}`;
-        this.isObject = (val) => {
-            return val && typeof val === 'object' && !Array.isArray(val);
-        };
-        /**
-         * Deep merge objects
-         */
-        this.mergeObject = (from, to) => {
-            const entries = Object.entries(from);
-            for (let e of entries) {
-                if (this.isObject(e[1])) {
-                    this.mergeObject(e[1], to[e[0]]);
-                }
-                else {
-                    to[e[0]] = e[1];
-                }
-            }
-        };
-        /**
-         * Set css vars from preset object
-         */
-        this.buildCssVars = (path, obj, isGroup = false) => {
-            const entries = Object.entries(obj);
-            for (let e of entries) {
-                if (this.isObject(e[1])) {
-                    this.buildCssVars(this.groupPath(path, e[0]), e[1], isGroup);
-                }
-                else {
-                    if (isGroup) {
-                        const varName = this.groupPath(path, e[0]);
-                        this.groupObject[varName] = e[1];
-                    }
-                    else {
-                        this.setCssVar(e, path);
-                    }
-                }
-            }
-        };
-        if (this.document?.defaultView) {
-            this.rootElement = this.document.defaultView.document.documentElement;
-        }
-    }
-    /**
-     * Load a theme.
-     * @param theme Theme tag.
-     */
-    load(theme = 'default') {
-        const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets['default'];
-        this.buildCssVars(this.prefix, preset);
-    }
-    /**
-     * Load variables for SSR
-     * @param theme Theme tag
-     * @returns Object with CSS variables
-     */
-    loadVarsSSR(theme = 'default') {
-        const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets['default'];
-        this.buildCssVars(this.prefix, preset, true);
-        return this.groupObject;
-    }
-    /**
-     * Define a custom theme
-     * @param customTheme Custom theme object definition
-     */
-    setCustom(customTheme) {
-        const customTag = customTheme.name;
-        if (customTag in ThemePresets) {
-            console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);
-            this.load('default');
-        }
-        else {
-            const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets ? ThemePresets[customTheme.fromPreset] : ThemePresets['default'];
-            const newTheme = { ...JSON.parse(JSON.stringify(preset)) };
-            this.mergeObject(customTheme.definitions, newTheme);
-            ThemePresets[customTag] = newTheme;
-            this.load(customTag);
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeModule, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeModule, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraThemeModule, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
-// Configura o cura com informações especificas de cada projeto.
-const CURA_CONFIG = new InjectionToken('curaConfig');
-
-class CuraApiService {
-    constructor() {
-        this.curaConfig = inject(CURA_CONFIG);
-        this.document = inject(DOCUMENT$1);
-        this.themeModule = new CuraThemeModule();
-        this.localAssetsPath = signal(this.curaConfig?.localAssetsPath ? this.curaConfig?.localAssetsPath : `/assets`, ...(ngDevMode ? [{ debugName: "localAssetsPath" }] : []));
-        this.theme = {
-            load: (themeTag) => this.themeModule.load(themeTag),
-            setCustom: (customThemeDefinitions) => this.themeModule.setCustom(customThemeDefinitions),
-            colors: {
-                getColor: (colorWithDepth, opacity) => this.themeModule.colors.getColor(colorWithDepth, opacity),
-            },
-            fonts: {
-                getFamily: (type) => this.themeModule.fonts.getFamily(type),
-                getWeights: () => this.themeModule.fonts.getWeights(),
-                getSize: () => this.themeModule.fonts.getSize(),
-                getColor: () => this.themeModule.fonts.getColor(),
-            },
-            spacing: {
-                getSpacing: () => this.themeModule.spacing.getSpacing(),
-            },
-            breakpoints: {
-                get: (size, position) => this.themeModule.breakpoints.get(size, position),
-            },
-        };
-        this.addGlobalClasses();
-        if (this.curaConfig && this.curaConfig.customTheme) {
-            this.theme.setCustom(this.curaConfig.customTheme);
-        }
-        else {
-            const theme = this.curaConfig && this.curaConfig.theme ? this.curaConfig.theme : 'default';
-            this.theme.load(theme);
-        }
-        // Chama callback onReady se fornecido
-        if (this.curaConfig && this.curaConfig.onReady) {
-            this.curaConfig.onReady(this);
-        }
-    }
-    /**
-     * Adiciona classes CSS globais necessárias
-     */
-    addGlobalClasses() {
-        if (!this.document)
-            return;
-        const styleId = 'cura_global_classes';
-        let styleElement = this.document.head.querySelector(`#${styleId}`);
-        if (!styleElement) {
-            styleElement = this.document.createElement('style');
-            styleElement.id = styleId;
-            styleElement.textContent = `
-        .cura-body-scroll-lock {
-          overflow: hidden;
-          position: fixed;
-          left: 0;
-          right: 0;
-          top: 0;
-        }
-      `;
-            this.document.head.appendChild(styleElement);
-        }
-    }
-    /**
-     * Método para obter variáveis CSS para SSR
-     * @param theme Nome do tema
-     * @returns Objeto com variáveis CSS
-     */
-    getSSRVars(theme = 'default') {
-        return this.themeModule.loadVarsSSR(theme);
-    }
-    /**
-     * Método utilitário para adicionar/remover classe de scroll lock
-     * @param lock Se deve bloquear o scroll
-     */
-    toggleBodyScrollLock(lock) {
-        if (!this.document)
-            return;
-        const body = this.document.body;
-        if (lock) {
-            body.classList.add('cura-body-scroll-lock');
-        }
-        else {
-            body.classList.remove('cura-body-scroll-lock');
-        }
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraApiService, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
-    static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraApiService, providedIn: 'root' }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.18", ngImport: i0, type: CuraApiService, decorators: [{
-            type: Injectable,
-            args: [{
-                    providedIn: 'root',
-                }]
-        }], ctorParameters: () => [] });
-
-var InterfaceModes;
-(function (InterfaceModes) {
-    InterfaceModes["LIGHT"] = "light";
-    InterfaceModes["DARK"] = "dark";
-})(InterfaceModes || (InterfaceModes = {}));
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { CURA_CONFIG, CuraApiService, CuraThemeBreakpointsModule, CuraThemeColorsModule, CuraThemeFontsModule, CuraThemeModule, CuraThemeSpacingModule, InterfaceModes, Static, ThemeDefault, ThemePresets };
-//# sourceMappingURL=rededor-site-front-end-lib-cura-api.mjs.map