@libs-ui/services-config-project 0.1.1-1

package/README.md

@@ -0,0 +1,3 @@
+# config-project
+
+This library was generated with [Nx](https://nx.dev).

package/config-project-data.d.ts

@@ -0,0 +1,326 @@
+import { IColorButtonTab, ILibsUiConfigButtonSize, ILibsUiConfigButtonStatus, ILibsUiConfigButtonTab, ILibsUiConfigFontHeading, ILibsUiConfigFontWeight } from './config-project.interface';
+export declare const fontConfig: {
+    name: string;
+    uri_regular: string;
+    uri_medium: string;
+    uri_semibold: string;
+};
+export declare const weights: ILibsUiConfigFontWeight;
+export declare const configHeading: ILibsUiConfigFontHeading;
+export declare const sizeButtonConfig: () => ILibsUiConfigButtonSize;
+export declare const configButtonColor: (rootColorInTheme: string) => {
+    'button-primary': {
+        configStepColor: {
+            text: string;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-primary-revert': {
+        configStepColor: {
+            text: number;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: string;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-secondary': {
+        configStepColor: {
+            text: number;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-third': {
+        configStepColor: {
+            text: string;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+            background: string;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: string;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-secondary-red': {
+        configStepColor: {
+            text: number;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-outline': {
+        configStepColor: {
+            text: string;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+            background: string;
+            background_hover: string;
+            background_active: string;
+            background_disable: string;
+            border: string;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-danger-high': {
+        configStepColor: {
+            text: string;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-danger-low': {
+        configStepColor: {
+            text: string;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-green': {
+        configStepColor: {
+            text: string;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-violet': {
+        configStepColor: {
+            text: string;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-outline-green': {
+        configStepColor: {
+            text: string;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+            background: string;
+            background_hover: string;
+            background_active: string;
+            background_disable: string;
+            border: string;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-secondary-green': {
+        configStepColor: {
+            text: number;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-outline-secondary': {
+        configStepColor: {
+            text: number;
+            text_hover: string;
+            text_active: string;
+            text_disable: string;
+            background: number;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: number;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-outline-hover-danger': {
+        configStepColor: {
+            text: string;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+            background: string;
+            background_hover: string;
+            background_active: string;
+            background_disable: string;
+            border: string;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-third-hover-danger': {
+        configStepColor: {
+            text: string;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+            background: string;
+            background_hover: number;
+            background_active: number;
+            background_disable: string;
+            border: string;
+            border_hover: number;
+            border_active: number;
+            border_disable: string;
+        };
+        rootColor: string;
+    };
+};
+export declare const configLinkButton: (rootColorInTheme: string) => {
+    'button-link-primary': {
+        configStepColor: {
+            text: number;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-link-third': {
+        configStepColor: {
+            text: string;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-link-danger-high': {
+        configStepColor: {
+            text: number;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-link-danger-low': {
+        configStepColor: {
+            text: number;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-link-green': {
+        configStepColor: {
+            text: number;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+        };
+        rootColor: string;
+    };
+    'button-link-violet': {
+        configStepColor: {
+            text: number;
+            text_hover: number;
+            text_active: number;
+            text_disable: string;
+        };
+        rootColor: string;
+    };
+};
+export declare const configButtonStatus: () => ILibsUiConfigButtonStatus;
+export declare const configButtonTab: () => ILibsUiConfigButtonTab;
+export declare const styleButtonTab: (type: string, config: IColorButtonTab) => string;

package/config-project.interface.d.ts

@@ -0,0 +1,104 @@
+export interface ILibsUiConfigFontFamily {
+    name: string;
+    uri_regular: string;
+    uri_medium: string;
+    uri_semibold: string;
+    uri_bold?: string;
+}
+export interface ILibsUiConfigFontWeight {
+    uri_regular: string;
+    uri_medium: string;
+    uri_semibold: string;
+    uri_bold: string;
+}
+export interface ILibsUiConfigFontHeading {
+    h1r: ILibsUiConfigFontHeadingStyle;
+    h1m: ILibsUiConfigFontHeadingStyle;
+    h1s: ILibsUiConfigFontHeadingStyle;
+    h1b: ILibsUiConfigFontHeadingStyle;
+    h2r: ILibsUiConfigFontHeadingStyle;
+    h2m: ILibsUiConfigFontHeadingStyle;
+    h2s: ILibsUiConfigFontHeadingStyle;
+    h2b: ILibsUiConfigFontHeadingStyle;
+    h3r: ILibsUiConfigFontHeadingStyle;
+    h3m: ILibsUiConfigFontHeadingStyle;
+    h3s: ILibsUiConfigFontHeadingStyle;
+    h3b: ILibsUiConfigFontHeadingStyle;
+    h4r: ILibsUiConfigFontHeadingStyle;
+    h4m: ILibsUiConfigFontHeadingStyle;
+    h4s: ILibsUiConfigFontHeadingStyle;
+    h4b: ILibsUiConfigFontHeadingStyle;
+    h5r: ILibsUiConfigFontHeadingStyle;
+    h5m: ILibsUiConfigFontHeadingStyle;
+    h5s: ILibsUiConfigFontHeadingStyle;
+    h5b: ILibsUiConfigFontHeadingStyle;
+    h6r: ILibsUiConfigFontHeadingStyle;
+    h6m: ILibsUiConfigFontHeadingStyle;
+    h6s: ILibsUiConfigFontHeadingStyle;
+    h6b: ILibsUiConfigFontHeadingStyle;
+    h7r: ILibsUiConfigFontHeadingStyle;
+    h7m: ILibsUiConfigFontHeadingStyle;
+    h7s: ILibsUiConfigFontHeadingStyle;
+    h7b: ILibsUiConfigFontHeadingStyle;
+}
+export interface ILibsUiConfigFontHeadingStyle {
+    'font-size': string;
+    'font-weight': string;
+    'line-height': string;
+    'letter-spacing': string;
+}
+export interface ILibsUiConfigButtonStatus {
+    [key: string]: {
+        color: string;
+        background?: string;
+    };
+}
+export interface ILibsUiConfigButtonTab {
+    [key: string]: IColorButtonTab;
+}
+export interface IColorButtonTab {
+    color: string;
+    background?: string;
+    background_badge?: string;
+}
+export interface IColorButton {
+    configStepColor: {
+        text: string | number;
+        text_hover: string | number;
+        text_active: string | number;
+        text_disable: string | number;
+        background?: string | number;
+        background_hover?: string | number;
+        background_active?: string | number;
+        background_disable?: string | number;
+        border?: string | number;
+        border_hover?: string | number;
+        border_active?: string | number;
+        border_disable?: string | number;
+    };
+    rootColor: string;
+}
+export interface ILibsUiConfigButtonSize {
+    icon: {
+        large: string;
+        medium: string;
+        small: string;
+        smaller: string;
+    };
+    large: {
+        font_size: string;
+        line_height: string;
+    };
+    medium: {
+        font_size: string;
+        line_height: string;
+    };
+    small: {
+        font_size: string;
+        line_height: string;
+    };
+    smaller: {
+        font_size: string;
+        line_height: string;
+    };
+}

package/config-project.service.d.ts

@@ -0,0 +1,62 @@
+import { IColorButton, ILibsUiConfigButtonStatus, ILibsUiConfigButtonTab, ILibsUiConfigFontFamily, ILibsUiConfigFontHeading } from './config-project.interface';
+import * as i0 from "@angular/core";
+export declare class LibsUiConfigProjectService {
+    private readonly themeColor;
+    private readonly borderColor;
+    private readonly textErrorColor;
+    private readonly iconHoverDangerColor;
+    private readonly borderErrorColor;
+    private readonly backgroundDisableColor;
+    private readonly textReadonlyColor;
+    private readonly textDisableColor;
+    private readonly backgroundReadonlyColor;
+    private readonly backgroundUserSelection;
+    private readonly backgroundList;
+    private readonly backgroundListHover;
+    private readonly backgroundListHoverDanger;
+    private readonly configFont;
+    private readonly configHead;
+    private readonly functionGetConfigButtonIncludes;
+    private readonly configButton;
+    private readonly configButtonSize;
+    private readonly configButtonStatus;
+    private readonly configButtonTab;
+    private readonly styleClassGlobalEl;
+    private readonly styleClassHeadEl;
+    private readonly styleClassButtonTabEl;
+    constructor();
+    set ThemeColor(color: string);
+    set BorderColor(color: string);
+    set BorderErrorColor(color: string);
+    set TextErrorColor(color: string);
+    set IconHoverDangerColor(color: string);
+    set BackgroundReadonlyColor(color: string);
+    set TextReadonlyColor(color: string);
+    set BackgroundUserSelection(color: string);
+    set BackgroundList(color: string);
+    set BackgroundListHover(color: string);
+    set BackgroundListHoverDanger(color: string);
+    set BackgroundDisableColor(color: string);
+    set TextDisableColor(color: string);
+    set ConfigFont(configFont: ILibsUiConfigFontFamily);
+    set ConfigFontHead(configHead: ILibsUiConfigFontHeading);
+    get ConfigButton(): import("@angular/core").Signal<{
+        [key: string]: IColorButton;
+    }>;
+    set FunctionGetConfigButtonIncludes(functionGetConfigButtonIncludes: (rootColor: string) => {
+        [key: string]: IColorButton;
+    });
+    get ConfigButtonStatus(): ILibsUiConfigButtonStatus;
+    set ConfigButtonStatus(config: ILibsUiConfigButtonStatus);
+    set ConfigButtonTab(config: ILibsUiConfigButtonTab);
+    setupFontFamily(currentDoc?: Document): void;
+    private setupFontHead;
+    private setupButtonSize;
+    private setupButtonTab;
+    private setThemeColor;
+    colorStepContrastFromOrigin(step: number, color?: string): import("@libs-ui/utils").IColorContrastFromOrigin | undefined;
+    private setClassGlobal;
+    private configString;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LibsUiConfigProjectService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<LibsUiConfigProjectService>;
+}