@fuentis/phoenix-ui 0.0.9-alpha.3 → 0.0.9-alpha.300

package/lib/components/status-bar/models/status-bar-configuration.model.d.ts

@@ -0,0 +1,15 @@
+import { StatusColType } from "../enums/status-col-type.enum";
+import { StatusAttribute } from "./status-attribute.model";
+export interface StatusBarConfig {
+    type?: string;
+    icon?: string;
+    name: string;
+    title: string;
+    description?: {
+        label: string;
+        value: any;
+        icon?: string;
+        type?: StatusColType;
+    }[];
+    attributes?: StatusAttribute[];
+}

package/lib/components/status-bar/pipes/first-letter.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class FirstLetterPipe implements PipeTransform {
+    transform(value: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FirstLetterPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<FirstLetterPipe, "firstLetter", true>;
+}

package/lib/components/status-bar/pipes/text-length.pipe.d.ts

@@ -0,0 +1,14 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TextLength implements PipeTransform {
+    /**
+     * Transforms the specified text value
+     * If the size of the string is greater than the limit, it returns a substring of the desired size, and adds ellipsis "..."
+     * If the size of the string is less than the limit, it returns the original string
+     * @param value
+     * @param limit
+     */
+    transform(value: string, limit: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextLength, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TextLength, "textLength", true>;
+}

package/lib/components/status-bar/status-attribute-display.component.d.ts

@@ -0,0 +1,13 @@
+import { EventEmitter } from "@angular/core";
+import { StatusAttribute, StatusTooltipType } from "./models/status-attribute.model";
+import * as i0 from "@angular/core";
+export declare class StatusAttributeDisplayComponent {
+    attr: StatusAttribute;
+    dateFormat: string;
+    listItemClick: EventEmitter<any>;
+    statusTooltipType: typeof StatusTooltipType;
+    getFullUrl(path: string): string;
+    isMultiWordLabel(label: string | undefined | null): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusAttributeDisplayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusAttributeDisplayComponent, "phoenix-status-attribute-display", never, { "attr": { "alias": "attr"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, { "listItemClick": "listItemClick"; }, never, never, true, never>;
+}

package/lib/components/status-bar/status-bar.component.d.ts

@@ -0,0 +1,20 @@
+import { EventEmitter } from '@angular/core';
+import { StatusBarConfig } from './models/status-bar-configuration.model';
+import { StatusColType } from './enums/status-col-type.enum';
+import * as i0 from "@angular/core";
+export declare class StatusBarComponent {
+    statusBarConfig: StatusBarConfig;
+    iconEnable: boolean;
+    enableClosing: boolean;
+    description: boolean;
+    dateFormat: string;
+    onListItemClick: EventEmitter<any>;
+    isCollapsed: boolean;
+    StatusColType: typeof StatusColType;
+    iconStyle: {
+        height: number;
+        width: number;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<StatusBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusBarComponent, "phoenix-status-bar", never, { "statusBarConfig": { "alias": "statusBarConfig"; "required": false; }; "iconEnable": { "alias": "iconEnable"; "required": false; }; "enableClosing": { "alias": "enableClosing"; "required": false; }; "description": { "alias": "description"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; }, { "onListItemClick": "onListItemClick"; }, never, never, true, never>;
+}

package/lib/components/status-header/status-header.component.d.ts

@@ -1,45 +1,20 @@
-import { DateFormatService } from '../../utils/date-format.service';
-import { Subscription } from 'rxjs';
+import { EventEmitter } from '@angular/core';
 import * as i0 from "@angular/core";
-interface Log {
-    date: string;
-    description: string;
-    user: string;
-}
-interface StatusHeaderData {
-    approach: string;
-    date: string;
+export declare class StatusHeaderComponent {
+    onQuickPickClickEmiter: EventEmitter<void>;
+    onToggleClickEmmiter: EventEmitter<"forward" | "back">;
+    onCloseEvent: EventEmitter<void>;
+    type: string;
     name: string;
-    type?: string;
-    scope: string;
     title: string;
-    status: string;
-    entity: string;
-    description?: string;
-    logs: Log[];
-    createdBy: string;
-    createdAt: string;
-}
-interface Icon {
-    url: string;
-    alt?: string;
-    size: {
-        width: string;
-        height: string;
-    };
-}
-export declare class StatusHeaderComponent {
-    private dateFormatService;
-    isCollapsed: boolean;
-    iconUrl: string;
-    icon: Icon;
-    showQuickActions: boolean;
-    data: StatusHeaderData;
-    dateFormat: string;
-    dataFormatSub$: Subscription;
-    constructor(dateFormatService: DateFormatService);
-    ngOnDestroy(): void;
+    enableQuickPick: boolean;
+    actions: any[];
+    panelState: boolean;
+    customClose: boolean;
+    validSeverities: string[];
+    onToggleClick(direction: 'forward' | 'back'): void;
+    toggleSidePanel(): void;
+    closePanel(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StatusHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<StatusHeaderComponent, "pho-status-header", never, { "iconUrl": { "alias": "iconUrl"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "showQuickActions": { "alias": "showQuickActions"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<StatusHeaderComponent, "phoenix-status-header", never, { "type": { "alias": "type"; "required": false; }; "name": { "alias": "name"; "required": false; }; "title": { "alias": "title"; "required": false; }; "enableQuickPick": { "alias": "enableQuickPick"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "panelState": { "alias": "panelState"; "required": false; }; "customClose": { "alias": "customClose"; "required": false; }; }, { "onQuickPickClickEmiter": "onQuickPickClickEmiter"; "onToggleClickEmmiter": "onToggleClickEmmiter"; "onCloseEvent": "onCloseEvent"; }, never, never, true, never>;
 }
-export {};

package/lib/components/tag/tag.component.d.ts

@@ -0,0 +1,17 @@
+import { OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TagComponent implements OnChanges {
+    key: string;
+    content: string;
+    customColor: string;
+    color: string | undefined;
+    customStyle: {
+        'background-color': string;
+        border: string;
+        color: string;
+    };
+    ngOnChanges(): void;
+    invertHex(hex: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TagComponent, "phoenix-tag", never, { "key": { "alias": "key"; "required": false; }; "content": { "alias": "content"; "required": false; }; "customColor": { "alias": "customColor"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/topbar/topbar.component.d.ts

@@ -1,24 +1,52 @@
-import { OnInit } from '@angular/core';
-import { MegaMenuItem } from 'primeng/api';
+import { EventEmitter } from '@angular/core';
+import { User } from '../../models/shell-config.model';
+import { SearchTabs } from '../../models/search.model';
 import * as i0 from "@angular/core";
-export declare class TopbarComponent implements OnInit {
-    supportApps: any;
-    coreModules: any;
+export interface TopbarModuleItem {
+    label: string;
+    fullName?: string;
+    icon?: string;
+    url?: string;
+    routerLink?: string[];
+    disabled?: boolean;
+}
+export interface TopbarModuleGroup {
+    label: string;
+    layout: 'full' | 'grid';
+    showIconBackground: boolean;
+    items: TopbarModuleItem[];
+}
+export interface TopbarFooterConfig {
+    companyName: string;
+    companyUrl: string;
+    guideLabel: string;
+    guideUrl: string;
+    copyrightText: string;
+}
+export declare class TopbarComponent {
     sidebarConfig: {
         visible: boolean;
         type: string;
     };
     currentYear: number;
-    visible: boolean;
-    user: {
-        email: string;
-        imageUrl?: string;
-        username: string;
-    };
+    isSidebarVisible: boolean;
+    homeUrl: string;
+    user: User;
     shortModuleName?: string;
-    model: MegaMenuItem[];
-    ngOnInit(): void;
-    openSidebarPanel(key: string): void;
+    topbarModulesMenu: TopbarModuleGroup[];
+    darkModeSelector: any;
+    footerConfig: TopbarFooterConfig;
+    onDarkModeSelect: EventEmitter<void>;
+    onUserPopoverAction: EventEmitter<string>;
+    closeCallback(event: any): void;
+    searchConfig: import("@angular/core").InputSignal<SearchTabs[] | undefined>;
+    openSidebarPanel(): void;
+    /** ✅ Zatvara sidebar */
+    closeSidebar(): void;
+    onDarkModeSelectEmit(): void;
+    goToHome(): void;
+    goToTicketCenter(): void;
+    get bindImageUrl(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<TopbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TopbarComponent, "pho-topbar", never, { "user": { "alias": "user"; "required": false; }; "shortModuleName": { "alias": "shortModuleName"; "required": false; }; "model": { "alias": "model"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TopbarComponent, "pho-topbar", never, { "homeUrl": { "alias": "homeUrl"; "required": false; }; "user": { "alias": "user"; "required": false; }; "shortModuleName": { "alias": "shortModuleName"; "required": false; }; "topbarModulesMenu": { "alias": "topbarModulesMenu"; "required": false; }; "darkModeSelector": { "alias": "darkModeSelector"; "required": false; }; "footerConfig": { "alias": "footerConfig"; "required": false; }; "searchConfig": { "alias": "searchConfig"; "required": false; "isSignal": true; }; }, { "onDarkModeSelect": "onDarkModeSelect"; "onUserPopoverAction": "onUserPopoverAction"; }, never, ["*"], true, never>;
 }

package/lib/components/user/user.component.d.ts

@@ -1,15 +1,9 @@
 import { EventEmitter } from '@angular/core';
+import { User } from '../../models/shell-config.model';
 import * as i0 from "@angular/core";
-interface User {
-    email: string;
-    imageUrl?: string;
-    username: string;
-}
 export declare class UserComponent {
     user: User;
-    logout: EventEmitter<void>;
-    editSettings: EventEmitter<void>;
+    actionEmmiter: EventEmitter<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<UserComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UserComponent, "pho-user", never, { "user": { "alias": "user"; "required": false; }; }, { "logout": "logout"; "editSettings": "editSettings"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserComponent, "pho-user", never, { "user": { "alias": "user"; "required": false; }; }, { "actionEmmiter": "actionEmmiter"; }, never, never, true, never>;
 }
-export {};

package/lib/models/assignee.model.d.ts

@@ -0,0 +1,16 @@
+export declare class Assignee {
+    uuid: string;
+    name: string;
+    function: string;
+    type: AssigneeType;
+    typlifecycleStatuse: AssigneeLifecycleType;
+    phone: string;
+    email: string;
+}
+export declare enum AssigneeType {
+    EMPLOYEE = "EMPLOYEE"
+}
+export declare enum AssigneeLifecycleType {
+    ACTIVE = "ACTIVE",
+    DELETED = "DELETED "
+}

package/lib/models/base-object.d.ts

@@ -0,0 +1,15 @@
+export declare class BaseObject {
+    name: string;
+    uuid: string;
+    constructor(partial: Partial<BaseObject>);
+}
+export declare class BaseObjectType {
+    id: number;
+    labelKey: string;
+    labelKeyValEn: string;
+    labelKeyValDe: string;
+    labelKeyValSr?: string;
+    labelKeyVal?: string;
+    [key: string]: any;
+    constructor(partial: Partial<BaseObjectType>);
+}

package/lib/models/search-result.model.d.ts

@@ -0,0 +1,14 @@
+import { BaseObject, BaseObjectType } from './base-object';
+export declare class SearchResult {
+    name: string;
+    title: string;
+    uuid: string;
+    type?: BaseObjectType;
+    entity?: BaseObject;
+    scopes?: BaseObject[];
+    asset?: BaseObject;
+    score?: number;
+    togType?: string;
+    url?: string;
+    constructor(partial: Partial<SearchResult>);
+}

package/lib/models/search.model.d.ts

@@ -0,0 +1,6 @@
+export interface SearchTabs {
+    id: number;
+    apiUrl: string;
+    header: string;
+    linkUrl: string;
+}

package/lib/models/shell-config.model.d.ts

@@ -1,5 +1,9 @@
-import { MegaMenuItem } from 'primeng/api';
+import { SearchTabs } from './search.model';
 export interface SidebarItem {
+    module: string;
+    items: any;
+}
+export interface TopbarItem {
     label: string;
     icon?: string;
     url?: string;
@@ -11,10 +15,15 @@ export interface User {
     email: string;
     username: string;
     imageUrl: string;
+    bindImageUrl: string;
+    firstname?: string;
+    lastname?: string;
 }
 export interface ShellConfig {
-    mainItems: SidebarItem[][];
     user: User;
-    footerItem: SidebarItem[];
-    topbarModulesMenu: MegaMenuItem[];
+    mainItems: SidebarItem[][];
+    shortModuleName: string;
+    footerItem: TopbarItem[];
+    topbarModulesMenu: any[];
+    searchConfig?: SearchTabs[];
 }

package/lib/models/status.model.d.ts

@@ -0,0 +1,20 @@
+export declare enum SimpleButtonType {
+    REGULAR = "regular",
+    SPLIT = "split"
+}
+export type Severity = 'success' | 'info' | 'warn' | 'danger' | 'help' | 'primary' | 'secondary' | 'contrast' | null | undefined;
+export interface ActionButton {
+    id?: number | string;
+    label: string;
+    icon?: string;
+    disabled?: boolean;
+    type?: SimpleButtonType;
+    severity?: Severity;
+    tooltip?: string;
+    action?: () => void;
+    splitItems?: {
+        label: string;
+        icon?: string;
+        command: () => void;
+    }[];
+}

package/lib/pipes/time-period.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TimePeriodPipe implements PipeTransform {
+    transform(value: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TimePeriodPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<TimePeriodPipe, "timePeriod", true>;
+}

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

@@ -0,0 +1,10 @@
+import { HttpClient } from '@angular/common/http';
+import { Observable } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class CrudService {
+    private http;
+    constructor(http: HttpClient);
+    getSearchData<T>(url: string, phrase: string, size: number): Observable<T[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CrudService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CrudService>;
+}

package/lib/utils/compl-types.utils.d.ts

@@ -0,0 +1,22 @@
+export declare enum ComplItems {
+    COMPL_APPLIED_MODULES = "COMPL_APPLIED_MODULES",
+    COMPL_APPLIED_MEASURE = "COMPL_APPLIED_MEASURE",
+    COMPL_APPLIED_REQUIREMENT = "COMPL_APPLIED_REQUIREMENT",
+    COMPL_APPLIED_THREAT = "COMPL_APPLIED_THREAT",
+    COMPL_APPLIED_CONTROL = "COMPL_APPLIED_CONTROL",
+    COMPL_SCOPE = "COMPL_SCOPE",
+    COMPL_TOT_BUILDING = "COMPL_TOT_BUILDING",
+    COMPL_TOT_DOMAIN = "COMPL_TOT_DOMAIN",
+    COMPL_TOT_INFORMATION = "COMPL_TOT_INFORMATION",
+    COMPL_TOT_BUSINESS = "COMPL_TOT_BUSINESS_PROCESS",
+    COMPL_TOT_APPLICATION = "COMPL_TOT_APPLICATION",
+    COMPL_TOT_ITSYSETEM = "COMPL_TOT_IT_SYSTEM",
+    COMPL_TOT_NETWORK = "COMPL_TOT_NETWORK",
+    COMPL_TOT_EMPLOYEE = "COMPL_TOT_EMPLOYEE",
+    COMPL_TOT_INFRASTRUCTURE = "COMPL_TOT_INFRASTRUCTURE",
+    COMPL_TOT_OUTSORCING = "COMPL_TOT_OUTSORCING",
+    COMPL_TOT_PHYSICAL_FACILITY = "COMPL_TOT_PHYSICAL_FACILITY",
+    COMPL_TOT_ROOM = "COMPL_TOT_ROOM",
+    COMPL_TOGS = "COMPL_TOGS",
+    RISK = "RISK"
+}

package/lib/utils/initials.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class InitialsPipe implements PipeTransform {
+    transform(name: string): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<InitialsPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<InitialsPipe, "initials", true>;
+}

package/package.json

@@ -1,26 +1,26 @@
 {
   "name": "@fuentis/phoenix-ui",
-  "version": "0.0.9-alpha.3",
+  "version": "0.0.9-alpha.300",
   "peerDependencies": {
     "@angular/common": "^19.0.0",
     "@angular/core": "^19.0.0"
   },
-  "styles": [
-    "src/lib/styles/global.css"
-  ],
   "dependencies": {
     "tslib": "^2.3.0"
   },
   "sideEffects": false,
+  "styles": [
+    "styles/global.css"
+  ],
   "module": "fesm2022/fuentis-phoenix-ui.mjs",
-  "typings": "index.d.ts",
+  "typings": "public-api.d.ts",
   "exports": {
-    "./package.json": {
-      "default": "./package.json"
-    },
     ".": {
-      "types": "./index.d.ts",
+      "types": "./public-api.d.ts",
       "default": "./fesm2022/fuentis-phoenix-ui.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
     }
   }
-}
+}

package/public-api.d.ts

@@ -1,4 +1,8 @@
+/** Public API Surface of phoenix */
+export * from './lib/components/inner-header/inner-header.component';
 export * from './lib/components/sidebar/sidebar.component';
+export * from './lib/components/actions/actions.component';
+export * from './lib/components/card/card.component';
 export * from './lib/components/topbar/topbar.component';
 export * from './lib/components/search-bar/search-bar.component';
 export * from './lib/components/sidebar-item/sidebar-item.component';
@@ -6,4 +10,19 @@ export * from './lib/components/user/user.component';
 export * from './lib/components/status-header/status-header.component';
 export * from './lib/components/shell/shell.component';
 export * from './lib/components/data-table/phoenix-data-table/phoenix-data-table.component';
+export * from './lib/components/data-table/table/table.component';
+export * from './lib/components/meta-form/meta-form.component';
+export * from './lib/components/meta-form/meta-form-buttons/meta-form-buttons.component';
+export * from './lib/components/meta-form/meta-form-templates/groups-form/groups-form.component';
+export * from './lib/components/meta-form/services/meta-form.service';
+export * from './lib/components/meta-form/meta-form-fields/object-item-dialog/object-item-dialog.component';
+export * from './lib/components/quick-pick/quick-pick/quick-pick.component';
+export * from './lib/components/status-bar/status-bar.component';
+export * from './lib/components/quick-pick/quick-pick-sidepanel/quick-pick-sidepanel.component';
+export * from './lib/components/status-bar/models/status-attribute.model';
+export * from './lib/components/status-bar/enums/status-col-type.enum';
+export * from './lib/components/status-bar/models/status-bar-configuration.model';
+export * from './lib/models/shell-config.model';
+export * from './lib/models/status.model';
 export * from './lib/components/data-table/utils/dataTable.enum';
+export * from './lib/components/data-table/utils/dataTable.interface';

package/styles/global.css

@@ -4,15 +4,19 @@
 
 html {
   font-family: "Roboto";
+  font-size: 14px;
 }
-
-:root {
+.pho-dark .arrow-icon path {
+  fill: white;
+}
+/* :root {
   --pho-primary: #00395b;
 
   --pho-secondary: #b3e5fc;
   --pho-secondary-text: #01579b;
 
   --pho-accent: #e94260;
+  --tag-font-weight: 500 !important;
 }
 
 .p-popover::after,
@@ -34,3 +38,43 @@ html {
 .text-pho-secondary {
   color: var(--pho-secondary) !important;
 }
+
+.p-drawer-header {
+  display: none !important;
+} */
+
+.pho-dark .sidebaritem:hover {
+  background-color: var(--surface-800) !important;
+}
+
+.pho-dark .topbar {
+  background-color: var(--surface-900);
+  color: var(--text-color);
+}
+
+.pho-dark .wrap {
+  background-color: var(--surface-900) !important;
+
+  color: var(--text-color);
+}
+
+.pho-dark .sidebar {
+  background-color: var(--surface-900);
+}
+
+.pho-dark .active-link {
+  font-weight: bold;
+  background-color: var(--surface-700) !important;
+}
+
+.active-link {
+  font-weight: bold;
+  background-color: var(--surface-100) !important;
+}
+
+.pho-dark .border-300 {
+  border-color: var(--primary-400) !important;
+}
+.pho-dark .text-primary {
+  color: var(--primary-200) !important;
+}

package/lib/utils/date-format.service.d.ts

@@ -1,14 +0,0 @@
-import { OnDestroy } from '@angular/core';
-import { BehaviorSubject, Subscription } from 'rxjs';
-import * as i0 from "@angular/core";
-export declare class DateFormatService implements OnDestroy {
-    dateFormat: BehaviorSubject<string>;
-    currentDateFormatsub$: Subscription;
-    currentDateFormat$: import("rxjs").Observable<string>;
-    date: string;
-    constructor();
-    setDateFormat(date: string): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DateFormatService, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<DateFormatService>;
-}