imm-element-ui 0.1.8 → 0.2.0

package/lib/crumb-action/crumb-action.component.d.ts

@@ -15,6 +15,7 @@ export declare class CrumbActionComponent implements OnInit {
     crumbEnd: HistoryItem[];
     op: Popover;
     listOp: Popover;
+    actOp: Popover;
     saveEvent: import("@angular/core").OutputEmitterRef<void>;
     addVisible: import("@angular/core").InputSignal<boolean | undefined>;
     newUrl: import("@angular/core").InputSignal<string>;
@@ -23,6 +24,9 @@ export declare class CrumbActionComponent implements OnInit {
     isList: import("@angular/core").InputSignal<boolean>;
     authLevel: import("@angular/core").InputSignal<number>;
     cancelEvent: import("@angular/core").OutputEmitterRef<void>;
+    actionList: import("@angular/core").InputSignal<any>;
+    actionEvent: import("@angular/core").OutputEmitterRef<void>;
+    showAct: boolean;
     newBtnTemplateRef: TemplateRef<any> | undefined;
     listOpItems: {
         label: string;
@@ -31,6 +35,7 @@ export declare class CrumbActionComponent implements OnInit {
         level: number;
     }[];
     constructor();
+    resize(event: any): void;
     ngOnInit(): void;
     goNew(): void;
     closeNew(): void;
@@ -39,6 +44,8 @@ export declare class CrumbActionComponent implements OnInit {
     toggle(event: any): void;
     toggleListOp(event: any): void;
     listAct(type: string): void;
+    actEvent(item: any): void;
+    toggleAct(event: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CrumbActionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CrumbActionComponent, "app-crumb-action", never, { "isShowCog": { "alias": "isShowCog"; "required": false; "isSignal": true; }; "addVisible": { "alias": "addVisible"; "required": false; "isSignal": true; }; "newUrl": { "alias": "newUrl"; "required": false; "isSignal": true; }; "onExport": { "alias": "onExport"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "isList": { "alias": "isList"; "required": false; "isSignal": true; }; "authLevel": { "alias": "authLevel"; "required": false; "isSignal": true; }; }, { "saveEvent": "saveEvent"; "cancelEvent": "cancelEvent"; }, ["newBtnTemplateRef"], never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CrumbActionComponent, "app-crumb-action", never, { "isShowCog": { "alias": "isShowCog"; "required": false; "isSignal": true; }; "addVisible": { "alias": "addVisible"; "required": false; "isSignal": true; }; "newUrl": { "alias": "newUrl"; "required": false; "isSignal": true; }; "onExport": { "alias": "onExport"; "required": false; "isSignal": true; }; "outlined": { "alias": "outlined"; "required": false; "isSignal": true; }; "isList": { "alias": "isList"; "required": false; "isSignal": true; }; "authLevel": { "alias": "authLevel"; "required": false; "isSignal": true; }; "actionList": { "alias": "actionList"; "required": false; "isSignal": true; }; }, { "saveEvent": "saveEvent"; "cancelEvent": "cancelEvent"; "actionEvent": "actionEvent"; }, ["newBtnTemplateRef"], never, true, never>;
 }

package/lib/search/pop-panel/pop-panel.component.d.ts

@@ -9,7 +9,6 @@ export declare class PopPanelComponent {
     groupItems: SearchItem[];
     itemop: SearchItem;
     constructor(action: ActionService);
-    onGroupClick(group: SearchItem, event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopPanelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<PopPanelComponent, "pop-panel", never, { "searchItems": { "alias": "searchItems"; "required": false; "isSignal": true; }; "modelName": { "alias": "modelName"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/lib/search/pop-sort/pop-sort.component.d.ts

@@ -0,0 +1,9 @@
+import { SearchItem } from '../search/search.component';
+import * as i0 from "@angular/core";
+export declare class PopSortComponent {
+    searchItems: import("@angular/core").InputSignal<SearchItem[] | undefined>;
+    isActive: boolean;
+    onLabelClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PopSortComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopSortComponent, "pop-sort", never, { "searchItems": { "alias": "searchItems"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/lib/service/themeConfig.service.d.ts

@@ -9,7 +9,7 @@ export declare class ThemeConfigService {
     appState: import("@angular/core").WritableSignal<AppState | null>;
     document: Document;
     platformId: Object;
-    theme: import("@angular/core").Signal<"dark" | "light">;
+    theme: import("@angular/core").Signal<"light" | "dark">;
     initialized: boolean;
     transitionComplete: import("@angular/core").WritableSignal<boolean>;
     constructor();

package/lib/steps/steps.component.d.ts

@@ -1,19 +1,44 @@
+import { ElementRef, Renderer2 } from '@angular/core';
 import { I18nService } from '../service/i18n.service';
 import * as i0 from "@angular/core";
 export interface Step {
     label: string;
     i18nKey?: string;
-    value: number;
+    value: number | 'start' | 'end';
 }
 export declare class StepsComponent {
+    private renderer;
+    containerRef: ElementRef;
+    endBtn: ElementRef;
     steps: import("@angular/core").InputSignal<Step[]>;
-    current: import("@angular/core").InputSignal<number | undefined>;
+    displaySteps: import("@angular/core").Signal<Step[]>;
+    excludeValues: import("@angular/core").WritableSignal<(number | "start" | "end")[]>;
+    current: import("@angular/core").InputSignal<number>;
     i18n: I18nService;
     change: import("@angular/core").OutputEmitterRef<number>;
     authLevel: import("@angular/core").InputSignal<number>;
-    constructor();
-    getClass(i: number): string;
+    widthList: number[];
+    START_BUTTON_WIDTH: number;
+    END_BUTTON_WIDTH: number;
+    startIndex: number;
+    endIndex: number;
+    startSteps: Step[];
+    endSteps: Step[];
+    maxWidth: number;
+    onResize(): void;
+    constructor(renderer: Renderer2);
+    ngAfterViewInit(): void;
+    initWidthList(): void;
+    calcMaxWidth(): void;
+    showStartSteps(event: any, startOp: any): void;
+    showEndSteps(event: any, endOp: any): void;
+    getClass(i: number, classes: string[]): string;
     changeStatus(step: any): void;
+    onStartStepsChange(event: any): void;
+    onEndStepsChange(event: any): void;
+    alternateWidthList(): void;
+    isExceedMaxWidth(totalWidth: number): boolean;
+    handleSteps(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<StepsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<StepsComponent, "custom-steps", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; "authLevel": { "alias": "authLevel"; "required": false; "isSignal": true; }; }, { "change": "change"; }, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "imm-element-ui",
-  "version": "0.1.8",
+  "version": "0.2.0",
   "peerDependencies": {
     "@angular/common": "^18.2.0",
     "@angular/core": "^18.2.0"

package/public-api.d.ts

@@ -8,6 +8,7 @@ export * from './lib/grid/cell-edit/index';
 export * from './lib/grid/grid-utils';
 export * from './lib/grid/cell-render/link-render';
 export * from './lib/grid/cell-render/async-renderer';
+export * from './lib/grid/actions/actions.component';
 export * from './lib/head/head.component';
 export * from './lib/import/import.component';
 export * from './lib/log/log.component';
@@ -24,3 +25,7 @@ export * from './lib/search/search/search.component';
 export * from './lib/page-form/page-form.interface';
 export * from './lib/service/userHistory.service';
 export * from './lib/theme-config/theme-config.compoent';
+export * from './lib/log/log.component';
+export * from './lib/import/import.component';
+export * from './lib/steps/steps.component';
+export * from './lib/row-selector/row-selector.component';

package/src/lib/search/pop-panel/pop-panel.component.scss

@@ -29,21 +29,4 @@
 	width: 1.5rem;
 	line-height: 1;
 	display: inline-block;
-}
-.s-pop-panel-item {
-	padding: 6px 0;
-}
-.s-pop-panel-item-option {
-	font-size: 14px;
-	padding: 2px 0;
-}
-.s-pop-panel-item-option:hover {
-	background-color: var(--p-list-option-focus-background);
-	cursor: pointer;
-}
-.s-pop-panel-item-option-self {
-	padding: 2.5px 1.6rem;
-}
-.s-pop-panel-item-selected-option {
-	color: var(--p-form-field-focus-border-color);
-}
+}

package/src/lib/search/pop-sort/pop-sort.component.scss

@@ -0,0 +1,29 @@
+@import 'styles';
+.s-pop-sort-container {
+	padding: 5px 0;
+	border-bottom: solid 1px #d6d8db;
+}
+.s-pop-sort-label {
+	padding: 2.5px 1.6rem;
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	font-size: 14px;
+}
+.s-pop-sort-label-icon {
+	color: var(--p-form-field-icon-color);
+	font-size: 12px;
+}
+.s-pop-sort-label:hover {
+	background-color: var(--p-list-option-focus-background);
+	cursor: pointer;
+}
+.s-pop-sort-panel {
+	padding: 6px 0;
+}
+.s-pop-sort-panel-show {
+	display: block;
+}
+.s-pop-sort-panel-hide {
+	display: none;
+}

package/src/lib/steps/steps.component.scss

@@ -1,4 +1,48 @@
-@import 'styles';
+::ng-deep {
+	.pop-steps {
+		&.p-popover.p-popover-flipped:before {
+			display: none;
+		}
+		&.p-popover.p-popover-flipped:after {
+			display: none;
+		}
+		&.p-popover:before {
+			display: none;
+		}
+		&.p-popover:after {
+			display: none;
+		}
+		&.p-popover-flipped {
+			margin-top: -5px;
+		}
+		.p-popover-content {
+			padding: 0;
+		}
+	}
+	.end-steps {
+		&.p-popover {
+			margin-top: 2.5px;
+			z-index: 999;
+			position: absolute !important;
+			left: auto !important;
+			right: 0 !important;
+			top: 100% !important;
+			min-width: 125px;
+		}
+	}
+	.start-steps {
+		&.p-popover {
+			margin-top: 2.5px;
+			z-index: 999;
+			position: absolute !important;
+			left: 0 !important;
+			right: auto !important;
+			top: 100% !important;
+			min-width: 125px;
+		}
+	}
+}
+
 .step-item {
 	position: relative;
 	height: 32px;
@@ -6,6 +50,7 @@
 	background-color: #e7e9ed;
 	span {
 		color: #334155c2;
+		white-space: nowrap;
 	}
 }
 .step-item.step-first {
@@ -42,6 +87,7 @@
 	z-index: 2;
 }
 .step-item.step-active {
+	flex: 1 1 0%;
 	background-color: var(--p-primary-200);
 	span {
 		color: #334155;