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

package/cura/accordion/index.d.ts

@@ -0,0 +1,120 @@
+import * as _angular_core from '@angular/core';
+import { ElementRef, AfterViewInit, OnDestroy } from '@angular/core';
+
+type AccordionColorMode = 'dark' | 'light';
+type AccordionBehavior = 'default' | 'keep-open';
+type AccordionLevel = 1 | 2 | 3 | 4 | 5 | 6;
+
+declare class CuraAccordionItemComponent {
+    elementRef: ElementRef<any>;
+    /**
+     * Text label for accordion item
+     */
+    label: _angular_core.InputSignal<string>;
+    /** ***Properties below are inherited from the cura-accordion*** */
+    /**
+     * Accordion items icons
+     */
+    iconSize: _angular_core.WritableSignal<number>;
+    labelIcon: _angular_core.WritableSignal<string>;
+    openIcon: _angular_core.WritableSignal<string>;
+    closeIcon: _angular_core.WritableSignal<string>;
+    /**
+     * Color scheme base color
+     * (By default, the icon will use the same color of 'color')
+     */
+    iconColor: _angular_core.WritableSignal<string>;
+    /**
+     * Set the color mode to dark or light
+     */
+    colorMode: _angular_core.WritableSignal<AccordionColorMode>;
+    /**
+     * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+     * Values: 1 to 6 (3 default).
+     */
+    level: _angular_core.WritableSignal<AccordionLevel>;
+    /**
+     * Controls if the accordion item is opened
+     */
+    opened: _angular_core.WritableSignal<boolean>;
+    containerClasses: _angular_core.Signal<{
+        [key: string]: boolean;
+    }>;
+    currentIcon: _angular_core.Signal<string>;
+    accordionItemClick(event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraAccordionItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraAccordionItemComponent, "cura-accordion-item", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class CuraAccordionComponent implements AfterViewInit, OnDestroy {
+    private curaApi;
+    private elementRef;
+    /**
+     * Color scheme base color
+     */
+    color: _angular_core.InputSignal<string>;
+    /**
+     * Set the color mode to dark or light
+     */
+    colorMode: _angular_core.InputSignal<AccordionColorMode>;
+    /**
+     * Accordion items icons
+     */
+    iconSize: _angular_core.InputSignal<number>;
+    labelIcon: _angular_core.InputSignal<string>;
+    openIcon: _angular_core.InputSignal<string>;
+    closeIcon: _angular_core.InputSignal<string>;
+    /**
+     * Color scheme base color
+     * (By default, the icon will use the same color of 'color')
+     */
+    iconColor: _angular_core.InputSignal<string>;
+    /**
+     * Accordion behavior when item is clicked
+     * (The default will close all items except the current one)
+     */
+    behavior: _angular_core.InputSignal<AccordionBehavior>;
+    /**
+     * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...
+     * Values: 1 to 6 (3 default).
+     */
+    level: _angular_core.InputSignal<AccordionLevel>;
+    accordionItems: _angular_core.Signal<readonly CuraAccordionItemComponent[]>;
+    private mutationObserver?;
+    weights: _angular_core.Signal<any>;
+    baseSpacing: _angular_core.Signal<string>;
+    neutralBase: _angular_core.Signal<string>;
+    fontSize: _angular_core.Signal<string>;
+    fontColor: _angular_core.Signal<string>;
+    fontFamily: _angular_core.Signal<string>;
+    accordionColors: _angular_core.Signal<{
+        accColor: string;
+        accColorHover: string;
+        accColorIcon: string;
+        accColorIconHover: string;
+        accColorInverted: string;
+        accColorHoverInverted: string;
+        accColorIconInverted: string;
+        accColorIconHoverInverted: string;
+    }>;
+    childConfiguration: _angular_core.Signal<{
+        colorMode: AccordionColorMode;
+        iconColor: string;
+        iconSize: number;
+        labelIcon: string;
+        openIcon: string;
+        closeIcon: string;
+        level: AccordionLevel;
+    }>;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    private setupMutationObserver;
+    private setChildrenProperties;
+    private setChildProperties;
+    private setItemProperties;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraAccordionComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraAccordionComponent, "cura-accordion", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "colorMode": { "alias": "colorMode"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "labelIcon": { "alias": "labelIcon"; "required": false; "isSignal": true; }; "openIcon": { "alias": "openIcon"; "required": false; "isSignal": true; }; "closeIcon": { "alias": "closeIcon"; "required": false; "isSignal": true; }; "iconColor": { "alias": "iconColor"; "required": false; "isSignal": true; }; "behavior": { "alias": "behavior"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; }, {}, ["accordionItems"], ["*"], true, never>;
+}
+
+export { CuraAccordionComponent, CuraAccordionItemComponent };
+export type { AccordionBehavior, AccordionColorMode, AccordionLevel };

package/cura/api/index.d.ts

@@ -0,0 +1,359 @@
+import * as i0 from '@angular/core';
+import { WritableSignal, InjectionToken } from '@angular/core';
+
+interface CuraCustomThemeColorDepth {
+    base?: string;
+    depth0?: string;
+    depth20?: string;
+    depth40?: string;
+    depth80?: string;
+    depth100?: string;
+}
+interface CuraCustomThemeColors {
+    primary?: CuraCustomThemeColorDepth;
+    secondary?: CuraCustomThemeColorDepth;
+    accent?: CuraCustomThemeColorDepth;
+}
+interface CuraCustomThemeSpacing {
+    base?: string;
+}
+interface CuraCustomThemeFontFamily {
+    title?: string;
+    body?: string;
+}
+interface CuraCustomThemeFontSize {
+    base?: string;
+}
+interface CuraCustomThemeFont {
+    family?: CuraCustomThemeFontFamily;
+    size?: CuraCustomThemeFontSize;
+}
+interface CuraCustomThemeDefinitions {
+    colors?: CuraCustomThemeColors;
+    spacing?: CuraCustomThemeSpacing;
+    font?: CuraCustomThemeFont;
+}
+interface CuraCustomTheme {
+    name: string;
+    definitions: CuraCustomThemeDefinitions;
+    fromPreset?: string;
+}
+interface CuraConfig {
+    localAssetsPath?: string;
+    theme?: string;
+    customTheme?: CuraCustomTheme;
+    onReady?(api?: any): any;
+}
+declare enum InterfaceModes {
+    LIGHT = "light",
+    DARK = "dark"
+}
+interface APIThemeFunctions {
+    load(themeTag: string): unknown;
+    setCustom(customThemeDefinitions: CuraCustomTheme): unknown;
+    colors: {
+        getColor(colorWithDepth?: string, opacity?: number): string;
+    };
+    fonts: {
+        getFamily(type?: string): string;
+        getWeights(): any;
+        getSize(): string;
+        getColor(): string;
+    };
+    spacing: {
+        getSpacing(): string;
+    };
+    breakpoints: {
+        get(size?: string, position?: string): any;
+    };
+}
+type BreakpointSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
+type BreakpointPosition = 'min' | 'max';
+
+declare class CuraApiService {
+    private curaConfig;
+    private document;
+    private themeModule;
+    theme: APIThemeFunctions;
+    localAssetsPath: WritableSignal<string>;
+    constructor();
+    /**
+     * Adiciona classes CSS globais necessárias
+     */
+    private addGlobalClasses;
+    /**
+     * Método para obter variáveis CSS para SSR
+     * @param theme Nome do tema
+     * @returns Objeto com variáveis CSS
+     */
+    getSSRVars(theme?: string): {
+        [key: string]: any;
+    };
+    /**
+     * Método utilitário para adicionar/remover classe de scroll lock
+     * @param lock Se deve bloquear o scroll
+     */
+    toggleBodyScrollLock(lock: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuraApiService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuraApiService>;
+}
+
+declare class CuraThemeColorsModule {
+    private document;
+    private readonly neutralDepthAlias;
+    private readonly colorDepthAlias;
+    /**
+     * Get theme color.
+     * @param colorWithDepth string Ex.: primary-light
+     * @param opacity number Opacity value (0-1)
+     * @returns RGBA value.
+     */
+    getColor(colorWithDepth?: string, opacity?: number): string;
+    /**
+     * 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.
+     */
+    private getStatic;
+    /**
+     * Internal: Look for theme dynamic colors.
+     * @param color Color name.
+     * @param depth Color depth.
+     * @param opacity Opacity value.
+     * @returns RGBA value.
+     */
+    private getDynamic;
+    /**
+     * Internal: Split color strings
+     * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.
+     * @returns Object { color: string, depth: string }.
+     */
+    private splitColorDepth;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuraThemeColorsModule, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuraThemeColorsModule>;
+}
+
+declare class CuraThemeSpacingModule {
+    private document;
+    private readonly curaSpacing;
+    /**
+     * Returns the base spacing var defined in the theme
+     * @returns CSS variable string or fallback value
+     */
+    getSpacing(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuraThemeSpacingModule, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuraThemeSpacingModule>;
+}
+
+declare class CuraThemeFontsModule {
+    private 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?: string): string;
+    /**
+     * 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(): any;
+    /**
+     * Get the CSS variable related to the font size base defined by the theme.
+     * @returns Related CSS variable as a string.
+     */
+    getSize(): string;
+    /**
+     * Get CSS variable related to the font color defined by the theme.
+     * @returns Related CSS variable as a string.
+     */
+    getColor(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuraThemeFontsModule, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuraThemeFontsModule>;
+}
+
+declare 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?: BreakpointSize | null, position?: BreakpointPosition | null): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuraThemeBreakpointsModule, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuraThemeBreakpointsModule>;
+}
+
+declare class CuraThemeModule {
+    colors: CuraThemeColorsModule;
+    spacing: CuraThemeSpacingModule;
+    fonts: CuraThemeFontsModule;
+    breakpoints: CuraThemeBreakpointsModule;
+    private document;
+    private rootElement;
+    private readonly prefix;
+    private groupObject;
+    constructor();
+    /**
+     * Load a theme.
+     * @param theme Theme tag.
+     */
+    load(theme?: string): void;
+    /**
+     * Load variables for SSR
+     * @param theme Theme tag
+     * @returns Object with CSS variables
+     */
+    loadVarsSSR(theme?: string): {
+        [key: string]: any;
+    };
+    /**
+     * Define a custom theme
+     * @param customTheme Custom theme object definition
+     */
+    setCustom(customTheme: CuraCustomTheme): void;
+    /**
+     * Set css var based on object structure
+     */
+    private setCssVar;
+    private groupPath;
+    private isObject;
+    /**
+     * Deep merge objects
+     */
+    private mergeObject;
+    /**
+     * Set css vars from preset object
+     */
+    private buildCssVars;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuraThemeModule, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CuraThemeModule>;
+}
+
+declare const ThemePresets: {
+    [key: string]: any;
+};
+
+/**
+ * Cura Default Theme
+ */
+declare const ThemeDefault: {
+    color: {
+        primary: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        secondary: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        accent: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+    };
+    spacing: {
+        base: number;
+    };
+    font: {
+        size: string;
+        color: string;
+        body: string;
+        heading: string;
+        display: string;
+        weights: {
+            thin: number;
+            light: number;
+            regular: number;
+            medium: number;
+            bold: number;
+            black: number;
+        };
+    };
+};
+
+/**
+ * Static theme data
+ */
+declare const Static: {
+    color: {
+        success: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        info: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        error: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        warning: {
+            '100': string;
+            '300': string;
+            '500': string;
+            '700': string;
+            '900': string;
+        };
+        neutral: {
+            '0': string;
+            '100': string;
+            '200': string;
+            '300': string;
+            '400': string;
+            '500': string;
+            '600': string;
+            '700': string;
+            '800': string;
+            '900': string;
+        };
+    };
+    breakpoints: {
+        xsmall: {
+            min: number;
+            max: number;
+        };
+        small: {
+            min: number;
+            max: number;
+        };
+        medium: {
+            min: number;
+            max: number;
+        };
+        large: {
+            min: number;
+            max: number;
+        };
+        xlarge: {
+            min: number;
+            max: number;
+        };
+    };
+};
+
+declare const CURA_CONFIG: InjectionToken<CuraConfig>;
+
+export { CURA_CONFIG, CuraApiService, CuraThemeBreakpointsModule, CuraThemeColorsModule, CuraThemeFontsModule, CuraThemeModule, CuraThemeSpacingModule, InterfaceModes, Static, ThemeDefault, ThemePresets };
+export type { APIThemeFunctions, BreakpointPosition, BreakpointSize, CuraConfig, CuraCustomTheme, CuraCustomThemeColorDepth, CuraCustomThemeColors, CuraCustomThemeDefinitions, CuraCustomThemeFont, CuraCustomThemeFontFamily, CuraCustomThemeFontSize, CuraCustomThemeSpacing };

package/cura/badges/cura-badge-counter/index.d.ts

@@ -0,0 +1,38 @@
+import * as _angular_core from '@angular/core';
+import { BadgeType } from '@rededor/site-front-end-lib/cura/badges';
+
+declare class CuraBadgeCounterComponent {
+    private curaApi;
+    /**
+     * Número a ser representado no badge.
+     * Apresentará 99+ para números acima desse valor.
+     */
+    number: _angular_core.InputSignal<number | null>;
+    /**
+     * Cor fundamental do design system sem profundidade.
+     * Ex.: primary (padrão)
+     */
+    color: _angular_core.InputSignal<string>;
+    /**
+     * Define o estado do badge como desabilitado ou habilitado.
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Define o estilo visual entre solid (default), outline ou transparent.
+     */
+    type: _angular_core.InputSignal<BadgeType>;
+    baseSpacing: _angular_core.Signal<string>;
+    colorStyles: _angular_core.Signal<{
+        backgroundColor: string;
+        labelColor: string;
+    }>;
+    private displayNumber;
+    containerClasses: _angular_core.Signal<string>;
+    shouldShow: _angular_core.Signal<boolean>;
+    displayText: _angular_core.Signal<string>;
+    labelColor: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraBadgeCounterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraBadgeCounterComponent, "cura-badge-counter", never, { "number": { "alias": "number"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { CuraBadgeCounterComponent };

package/cura/badges/cura-badge-distance/index.d.ts

@@ -0,0 +1,21 @@
+import * as _angular_core from '@angular/core';
+
+declare class CuraBadgeDistanceComponent {
+    private curaApi;
+    /**
+     * Distance value to display
+     */
+    distance: _angular_core.InputSignal<number>;
+    /**
+     * Label for the distance unit
+     */
+    label: _angular_core.InputSignal<string>;
+    private formattedDistance;
+    neutralPale: _angular_core.Signal<string>;
+    baseSpacing: _angular_core.Signal<string>;
+    displayDistance: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraBadgeDistanceComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraBadgeDistanceComponent, "cura-badge-distance", never, { "distance": { "alias": "distance"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { CuraBadgeDistanceComponent };

package/cura/badges/cura-badge-dot/index.d.ts

@@ -0,0 +1,29 @@
+import * as _angular_core from '@angular/core';
+import { BadgeType } from '@rededor/site-front-end-lib/cura/badges';
+
+declare class CuraBadgeDotComponent {
+    private curaApi;
+    /**
+     * Cor fundamental do design system sem profundidade.
+     * Ex.: primary (padrão)
+     */
+    color: _angular_core.InputSignal<string>;
+    /**
+     * Define o estado do badge como desabilitado ou habilitado.
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Define o estilo visual entre solid (default), outline ou transparent.
+     */
+    type: _angular_core.InputSignal<BadgeType>;
+    baseSpacing: _angular_core.Signal<string>;
+    neutralMedium: _angular_core.Signal<string>;
+    neutralPale: _angular_core.Signal<string>;
+    colorValue: _angular_core.Signal<string>;
+    colorDark: _angular_core.Signal<string>;
+    containerClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraBadgeDotComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraBadgeDotComponent, "cura-badge-dot", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { CuraBadgeDotComponent };

package/cura/badges/cura-badge-pill/index.d.ts

@@ -0,0 +1,42 @@
+import * as _angular_core from '@angular/core';
+import { BadgeType, BadgeColor } from '@rededor/site-front-end-lib/cura/badges';
+
+declare class CuraBadgePillComponent {
+    private curaApi;
+    /**
+     * Badge type: solid | outline | transparent
+     */
+    type: _angular_core.InputSignal<BadgeType>;
+    /**
+     * Color base from color scheme. Default: primary
+     */
+    color: _angular_core.InputSignal<BadgeColor>;
+    /**
+     * Name of the icon to be used from iconset
+     */
+    iconName: _angular_core.InputSignal<string>;
+    /**
+     * Custom iconset if needed
+     */
+    iconset: _angular_core.InputSignal<string>;
+    /**
+     * Disabled state. Boolean
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Set badge to icon only. Boolean
+     */
+    iconOnly: _angular_core.InputSignal<boolean>;
+    /**
+     * Set border-radius.
+     */
+    borderRadius: _angular_core.InputSignal<string>;
+    colorBackground: _angular_core.Signal<string>;
+    colorBase: _angular_core.Signal<string>;
+    containerClasses: _angular_core.Signal<string>;
+    symbolColor: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CuraBadgePillComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CuraBadgePillComponent, "cura-badge-pill", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "iconset": { "alias": "iconset"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "iconOnly": { "alias": "iconOnly"; "required": false; "isSignal": true; }; "borderRadius": { "alias": "borderRadius"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CuraBadgePillComponent };

package/cura/badges/index.d.ts

@@ -0,0 +1,5 @@
+type BadgeType = 'solid' | 'outline' | 'transparent';
+type BadgeColor = 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error';
+type BadgeSize = 'micro' | 'xsmall' | 'small' | 'medium' | 'large';
+
+export type { BadgeColor, BadgeSize, BadgeType };