@neoprototype/neop-ui-lib 1.0.26

package/lib/components/basic/np-typography/np-typography.component.d.ts

@@ -0,0 +1,15 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class NpTypographyComponent {
+    private renderer;
+    container: ElementRef;
+    npType: string;
+    npSize: string;
+    npWeight: string;
+    _ngContent: Element | null;
+    set ngContent(value: Element);
+    constructor(renderer: Renderer2);
+    updateContent(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpTypographyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpTypographyComponent, "np-typography", never, { "npType": { "alias": "npType"; "required": false; }; "npSize": { "alias": "npSize"; "required": false; }; "npWeight": { "alias": "npWeight"; "required": false; }; "ngContent": { "alias": "ngContent"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/components/modal/np-modal/np-modal.component.d.ts

@@ -0,0 +1,34 @@
+import { EventEmitter, TemplateRef } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class NpModalComponent {
+    modalButton: string | TemplateRef<any>;
+    modalTitle: string | TemplateRef<any>;
+    modalDescriptions: string | TemplateRef<any>;
+    modalType: 'confirmation' | 'notification';
+    modalState: 'error' | 'warning' | 'success' | 'default';
+    useIcon: boolean;
+    useCheckBox: boolean;
+    cancelText: string;
+    okText: string;
+    modalContent?: TemplateRef<any>;
+    modalFooter?: TemplateRef<any>;
+    loadingOK: boolean;
+    ok: EventEmitter<void>;
+    cancel: EventEmitter<void>;
+    checkbox: EventEmitter<{
+        checkboxValue: boolean;
+    }>;
+    isVisible: boolean;
+    isOkLoading: boolean;
+    modalWidth: number;
+    checkboxControl: FormControl<boolean | null>;
+    ngOnInit(): void;
+    isTemplate(value: any): value is TemplateRef<any>;
+    get iconPath(): string;
+    showModal(): void;
+    handleOk(): void;
+    handleCancel(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NpModalComponent, "np-modal", never, { "modalButton": { "alias": "modalButton"; "required": false; }; "modalTitle": { "alias": "modalTitle"; "required": false; }; "modalDescriptions": { "alias": "modalDescriptions"; "required": false; }; "modalType": { "alias": "modalType"; "required": false; }; "modalState": { "alias": "modalState"; "required": false; }; "useIcon": { "alias": "useIcon"; "required": false; }; "useCheckBox": { "alias": "useCheckBox"; "required": false; }; "cancelText": { "alias": "cancelText"; "required": false; }; "okText": { "alias": "okText"; "required": false; }; "modalContent": { "alias": "modalContent"; "required": false; }; "modalFooter": { "alias": "modalFooter"; "required": false; }; "loadingOK": { "alias": "loadingOK"; "required": false; }; }, { "ok": "ok"; "cancel": "cancel"; "checkbox": "checkbox"; }, never, never, true, never>;
+}

package/lib/components/neop-component.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export declare class NeopComponentModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NeopComponentModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NeopComponentModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NeopComponentModule>;
+}

package/lib/config/form-error-config.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export type FormErrorMap = Record<string, string>;
+export declare const FORM_ERROR_MAP: InjectionToken<FormErrorMap>;

package/lib/enum/basic/breadcrumb.enum.d.ts

@@ -0,0 +1,5 @@
+export declare enum ETypeNpBreadcrumb {
+    BASIC = "basic",
+    SEPARATORS = "separators",
+    HIGHLIGHT = "highlighted"
+}

package/lib/enum/np-breadcrumb.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum E_NP_BREADCRUMB {
+    NAME = "name",
+    PARAM = "param"
+}

package/lib/interfaces/default.interface.d.ts

@@ -0,0 +1,5 @@
+export interface IDefaultModel {
+    _data: any;
+    getId(): string | number | null;
+}
+export type IDefaultModelConstructor = new (_data: any) => IDefaultModel;

package/lib/interfaces/dictionary-item.interface.d.ts

@@ -0,0 +1,10 @@
+export interface NpDictionaryItem {
+    classIcon: any;
+    value: string;
+    label: string;
+    nzValue: string;
+    nzLabel: string;
+    isDisabled?: boolean;
+    type?: string;
+    childrens?: NpDictionaryItem[];
+}

package/lib/interfaces/np-tab.interface.d.ts

@@ -0,0 +1,5 @@
+export interface INpTab {
+    key: string;
+    label: string;
+    path?: string;
+}

package/lib/interfaces/np-table.interface.d.ts

@@ -0,0 +1,8 @@
+import { TemplateRef } from "@angular/core";
+export interface INpTableColumn {
+    key: string;
+    label: string;
+    className?: string;
+    headerTemplate?: TemplateRef<any>;
+    template?: TemplateRef<any>;
+}

package/lib/interfaces/np-tree.interface.d.ts

@@ -0,0 +1,29 @@
+import { INpAction } from './np.actions';
+export interface INpTreeNode {
+    id: string;
+    name: string;
+    isSelected?: boolean;
+    isChecked?: boolean;
+    isIndeterminate?: boolean;
+    type?: string;
+    isActive?: boolean;
+    isExpanded?: boolean;
+    className?: string;
+    iconCollapsed?: string;
+    iconExpanded?: string;
+    iconLeaf?: string;
+    level?: number;
+    parentId?: string | null;
+    childrens?: INpTreeNode[];
+    checkboxType?: 'checkbox' | 'indeterminate' | undefined;
+    isLast?: boolean;
+    isLastByLevel?: {
+        [level: number]: boolean;
+    };
+    hasParentByLevel?: {
+        [level: number]: boolean;
+    };
+    showAction?: boolean;
+    actions?: INpAction[];
+    path?: string;
+}

package/lib/interfaces/np.actions.d.ts

@@ -0,0 +1,8 @@
+export interface INpAction {
+    key?: string;
+    classIcon?: string;
+    label?: string;
+    hidden?: boolean;
+    className?: string;
+    onClick?: Function;
+}

package/lib/models/default.mode.d.ts

@@ -0,0 +1,68 @@
+import { IDefaultModel } from '../interfaces/default.interface';
+export declare class DefaultModel implements IDefaultModel {
+    /**
+     * all keys are in lowercase
+     * @type {{}}
+     * @private
+     */
+    _data: any;
+    /**
+     * all keys are raw
+     * @type {{}}
+     * @private
+     */
+    _raw: any;
+    _idKey: string;
+    _id: any;
+    /**
+     *
+     * @param _data
+     * @param idKey
+     * @param isAutoAssign
+     */
+    constructor(_data?: any, idKey?: string, isAutoAssign?: boolean, isAssignRawData?: boolean);
+    /**
+     * get value of id
+     * @return {any}
+     */
+    getId(): string | number | null;
+    setId(id: string | number | null): void;
+    /**
+     * delete object property
+     * @param key: string
+     */
+    deleteProperty(key: string): void;
+    /**
+     * get key of id
+     * @returns {string}
+     */
+    getIdKey(): string;
+    /**
+     * get value of _data by key
+     * @param key: string
+     * @returns {any}
+     */
+    getValue(key: string): any;
+    /**
+     * set value of _data by key & value of this object's attribute if existed
+     * @param key: string
+     * @param value: string
+     * @returns {any}
+     */
+    setValue(key: string, value: any): any;
+    /**
+     * get raw value of _data by key
+     * @param key: string
+     * @returns {any}
+     */
+    getRawValue(key: string): any;
+    /**
+     * set value of _data by key
+     * @param key: string
+     * @param value: string
+     * @returns {any}
+     */
+    setRawValue(key: string, value: any): any;
+    static describe(instance: any): Array<string>;
+}
+export declare namespace DefaultModel { }

package/lib/services/np-dialog.service.d.ts

@@ -0,0 +1,11 @@
+import { NzModalService } from 'ng-zorro-antd/modal';
+import { ComponentType } from '@angular/cdk/portal';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class NpDialogService {
+    private modal;
+    constructor(modal: NzModalService);
+    openDialog<T, D = any, R = any>(component: ComponentType<T>, params?: Partial<D>): Observable<R>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NpDialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<NpDialogService>;
+}

package/lib/services/test.service.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+export declare class TestService {
+    constructor();
+    test(): string;
+    test2(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TestService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<TestService>;
+}

package/lib/services/theme.service.d.ts

@@ -0,0 +1,9 @@
+import { RendererFactory2 } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class ThemeService {
+    private themeElement;
+    constructor(rendererFactory: RendererFactory2);
+    setTheme(themeClass: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ThemeService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ThemeService>;
+}

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@neoprototype/neop-ui-lib",
+  "version": "1.0.26",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=18.2.0 <20.0.0",
+    "@angular/core": ">=18.2.0 <20.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/neoprototype-neop-ui-lib.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/neoprototype-neop-ui-lib.mjs"
+    }
+  }
+}

package/public-api.d.ts

@@ -0,0 +1,35 @@
+export * from './lib/services/test.service';
+export * from './lib/services/theme.service';
+export * from './lib/services/np-dialog.service';
+export * from './lib/components/neop-component.module';
+export * from './lib/components/basic/np-typography/np-typography.component';
+export * from './lib/components/basic/np-button/np-button.component';
+export * from './lib/components/basic/np-checkbox/np-checkbox.component';
+export * from './lib/components/basic/np-input-field/np-input-field.component';
+export * from './lib/components/basic/np-input-textera/np-input-textera.component';
+export * from './lib/components/basic/np-toggle/np-toggle.component';
+export * from './lib/components/basic/np-select/np-select.component';
+export * from './lib/components/basic/np-dropdowns/np-dropdowns.component';
+export * from './lib/components/basic/np-tree/np-tree.component';
+export * from './lib/components/basic/np-pagination/np-pagination.component';
+export * from './lib/components/basic/np-scrollbar/np-scrollbar.component';
+export * from './lib/components/basic/np-alert/np-alert.component';
+export * from './lib/components/basic/np-tooltip/np-tooltip.component';
+export * from './lib/components/basic/np-breadcrumb/np-breadcrumb.component';
+export * from './lib/components/basic/np-progress-bar/np-progress-bar.component';
+export * from './lib/components/basic/np-slider/np-slider.component';
+export * from './lib/components/basic/np-loading-indicator/np-loading-indicator.component';
+export * from './lib/components/basic/np-table/np-table.component';
+export * from './lib/components/basic/np-tab/np-tab.component';
+export * from './lib/components/basic/np-action-bar/np-action-bar.component';
+export * from './lib/components/basic/np-resize/np-resize.component';
+export * from './lib/components/modal/np-modal/np-modal.component';
+export * from './lib/enum/np-breadcrumb.enum';
+export * from './lib/enum/basic/breadcrumb.enum';
+export * from './lib/models/default.mode';
+export * from './lib/interfaces/dictionary-item.interface';
+export * from './lib/interfaces/np-table.interface';
+export * from './lib/interfaces/np-tree.interface';
+export * from './lib/interfaces/np-table.interface';
+export * from './lib/interfaces/np-tab.interface';
+export * from './lib/config/form-error-config';

package/scss/fonts/fonts.scss

@@ -0,0 +1,4 @@
+@font-face {
+  font-family: "Inter";
+  src: url("../fonts/Inter/Inter-VariableFont_opsz\,wght.ttf") format("woff2");
+}

package/scss/index.less

@@ -0,0 +1 @@
+@import "./ngzorro/ng-zorro.less"; 

package/scss/index.scss

@@ -0,0 +1,3 @@
+@use "./fonts/fonts.scss";
+@use "./theme/index.scss";
+@use "./ngzorro/ng-zorro.scss";

package/scss/ngzorro/modal/custom-modal.scss

@@ -0,0 +1,6 @@
+.ant-modal-body {
+  padding: 0 !important;
+}
+.ant-modal-close-x {
+  display: none !important;
+}

package/scss/ngzorro/ng-zorro.less

@@ -0,0 +1,3 @@
+@import "ng-zorro-antd/ng-zorro-antd.less";
+
+@primary-color: #475467;

package/scss/ngzorro/ng-zorro.scss

@@ -0,0 +1,4 @@
+// @import "~ng-zorro-antd/ng-zorro-antd.min.css";
+// Tùy chỉnh lại màu sắc chính
+// @import "ng-zorro-antd/ng-zorro-antd.min.css";
+@use "../ngzorro/modal/custom-modal.scss";

package/scss/tailwind/tailwind.scss

@@ -0,0 +1 @@
+@use "tailwindcss";

package/scss/theme/index.scss

@@ -0,0 +1,20 @@
+@use "./theme-dark.scss";
+@use "./theme-light.scss";
+
+@theme {
+  --color-test: var(--color-test);
+  --color-np-25: rgba(252, 252, 253, 1);
+  --color-np-50: rgba(249, 250, 251, 1);
+  --color-np-100: rgba(242, 244, 247, 1);
+  --color-np-200: rgba(234, 236, 240, 1);
+  --color-np-300: rgba(208, 213, 221, 1);
+  --color-np-400: rgba(152, 162, 179, 1);
+  --color-np-500: rgba(102, 112, 133, 1);
+  --color-np-primary: rgba(102, 112, 133, 1);
+  --color-np-600: rgba(71, 84, 103, 1);
+  --color-np-700: rgba(52, 64, 84, 1);
+  --color-np-800: rgba(24, 34, 48, 1);
+  --color-np-900: rgba(16, 24, 40, 1);
+  --color-np-950: rgba(12, 17, 29, 1);
+  --animate-fade-in-scale: fade-in-scale 0.3s ease-out;
+}

package/scss/theme/theme-dark.scss

@@ -0,0 +1,21 @@
+@use "../tailwind/tailwind.scss";
+
+.theme-dark {
+  // primary
+  --color-primary: black;
+  --color-primary-hover: black;
+  // secondary
+  --color-secondary: #ffffff;
+  --color-secondary-hover: black;
+  --color-secondary-hover-border: rgba(234, 236, 240, 1);
+}
+
+@theme {
+  // primary
+  --color-primary: var(--color-primary);
+  --color-primary-hover: var(--color-primary-hover);
+  // secondary
+  --color-secondary: var(--color-secondary);
+  --color-secondary-hover: var(--color-secondary-hover);
+  --color-secondary-hover-border: var(--color-secondary-hover-border);
+}

package/scss/theme/theme-light.scss

@@ -0,0 +1,30 @@
+@use "../tailwind/tailwind.scss";
+
+.theme-light {
+  // primary
+  --color-primary: #475467;
+  --color-border: #475467;
+  --color-primary-hover: #344054;
+  --color-shadown: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
+  // secondary
+  --color-secondary: #ffffff;
+  --color-border: #d0d5dd;
+  --color-secondary-hover: #d0d5dd;
+  --color-secondary-hover-border: rgba(234, 236, 240, 1);
+  // destructive
+  --color-destructive: #d92d20;
+  --color-destructive-text: #ffff;
+  --color-destructive-border: #d0d5dd;
+  --color-destructive-hover: #b42318;
+  --color-destructive-hover-border: rgba(234, 236, 240, 1);
+}
+
+@theme {
+  // primary
+  --color-primary: var(--color-primary);
+  --color-primary-hover: var(--color-primary-hover);
+  // secondary
+  --color-secondary: var(--color-secondary);
+  --color-secondary-hover: var(--color-secondary-hover);
+  --color-secondary-hover-border: var(--color-secondary-hover-border);
+}