@rededor/site-front-end-lib 20.0.27 → 20.0.28

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

@@ -0,0 +1,643 @@
+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