@rangertechnologies/ngnxt 2.1.178 → 2.1.180
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/environments/version.mjs +2 -2
- package/esm2022/lib/components/custom-dropdown/custom-dropdown.component.mjs +4 -6
- package/esm2022/lib/components/nxt-input/nxt-input.component.mjs +107 -90
- package/esm2022/lib/nxt-app.module.mjs +11 -107
- package/esm2022/lib/pages/booklet/booklet.component.mjs +4 -3
- package/esm2022/lib/pages/pdfDesigner/pdf-designer/pdf-designer.component.mjs +85 -33
- package/esm2022/lib/pages/questionbook/questionbook.component.mjs +3 -3
- package/esm2022/lib/pages/questionnaire/questionnaire.component.mjs +7 -4
- package/esm2022/lib/services/pdf-designer.service.mjs +18 -26
- package/esm2022/public-api.mjs +1 -7
- package/fesm2022/rangertechnologies-ngnxt.mjs +1034 -1091
- package/fesm2022/rangertechnologies-ngnxt.mjs.map +1 -1
- package/lib/components/nxt-input/nxt-input.component.d.ts +3 -6
- package/lib/nxt-app.module.d.ts +12 -29
- package/lib/pages/pdfDesigner/pdf-designer/pdf-designer.component.d.ts +14 -1
- package/package.json +1 -1
- package/public-api.d.ts +0 -5
- package/rangertechnologies-ngnxt-2.1.180.tgz +0 -0
- package/src/lib/style.css +0 -2
- package/esm2022/lib/directives/componenthost/componenthost.directive.mjs +0 -19
- package/esm2022/lib/pages/builder/menu/menu.component.mjs +0 -28
- package/lib/directives/componenthost/componenthost.directive.d.ts +0 -8
- package/lib/pages/builder/menu/menu.component.d.ts +0 -10
- package/rangertechnologies-ngnxt-2.1.178.tgz +0 -0
|
@@ -5,8 +5,6 @@ import { DataService } from '../../services/data.service';
|
|
|
5
5
|
import { Subscription } from 'rxjs';
|
|
6
6
|
import { QuillModules } from 'ngx-quill';
|
|
7
7
|
import * as i0 from "@angular/core";
|
|
8
|
-
export declare const QuillConfiguration: QuillModules;
|
|
9
|
-
export declare const EmptyQuillConfiguration: QuillModules;
|
|
10
8
|
export declare class NxtInput implements AfterViewInit {
|
|
11
9
|
#private;
|
|
12
10
|
private elementRef;
|
|
@@ -111,8 +109,6 @@ export declare class NxtInput implements AfterViewInit {
|
|
|
111
109
|
subscription: Subscription;
|
|
112
110
|
dateSelected: any;
|
|
113
111
|
timeSelected: any;
|
|
114
|
-
quillConfiguration: QuillModules;
|
|
115
|
-
emptyQuillConfiguration: QuillModules;
|
|
116
112
|
viewEdit: boolean;
|
|
117
113
|
originalValue: any;
|
|
118
114
|
isSaveHovered: boolean;
|
|
@@ -123,6 +119,7 @@ export declare class NxtInput implements AfterViewInit {
|
|
|
123
119
|
ngOnChanges(changes: SimpleChanges): void;
|
|
124
120
|
ngOnInit(): void;
|
|
125
121
|
ngOnDestroy(): void;
|
|
122
|
+
getQuillModules(questionId: string): QuillModules;
|
|
126
123
|
private setupValidators;
|
|
127
124
|
closeDropdown(event: Event): void;
|
|
128
125
|
onChange: (value: string) => void;
|
|
@@ -154,8 +151,8 @@ export declare class NxtInput implements AfterViewInit {
|
|
|
154
151
|
clearEmit(event: any): void;
|
|
155
152
|
onEditorFocusOut(): void;
|
|
156
153
|
viewEditClick(ques: any): void;
|
|
157
|
-
saveChanges()
|
|
158
|
-
discardChanges()
|
|
154
|
+
saveChanges: (event?: CustomEvent) => void;
|
|
155
|
+
discardChanges: (event?: CustomEvent) => void;
|
|
159
156
|
static ɵfac: i0.ɵɵFactoryDeclaration<NxtInput, never>;
|
|
160
157
|
static ɵcmp: i0.ɵɵComponentDeclaration<NxtInput, "nxt-input", never, { "label": { "alias": "label"; "required": false; }; "labelFont": { "alias": "labelFont"; "required": false; }; "labelWeight": { "alias": "labelWeight"; "required": false; }; "inputWeight": { "alias": "inputWeight"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "inputValueSize": { "alias": "inputValueSize"; "required": false; }; "labelColor": { "alias": "labelColor"; "required": false; }; "showLabel": { "alias": "showLabel"; "required": false; }; "svgHeight": { "alias": "svgHeight"; "required": false; }; "svgWidth": { "alias": "svgWidth"; "required": false; }; "type": { "alias": "type"; "required": false; }; "inputIconRightSrc": { "alias": "inputIconRightSrc"; "required": false; }; "inputIconLeftSrc": { "alias": "inputIconLeftSrc"; "required": false; }; "required": { "alias": "required"; "required": false; }; "minLength": { "alias": "minLength"; "required": false; }; "pattern": { "alias": "pattern"; "required": false; }; "errorMessages": { "alias": "errorMessages"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputBgColor": { "alias": "inputBgColor"; "required": false; }; "inputBorder": { "alias": "inputBorder"; "required": false; }; "placeholderColor": { "alias": "placeholderColor"; "required": false; }; "placeholderFont": { "alias": "placeholderFont"; "required": false; }; "placeholderWeight": { "alias": "placeholderWeight"; "required": false; }; "placeholderSize": { "alias": "placeholderSize"; "required": false; }; "inputTextColor": { "alias": "inputTextColor"; "required": false; }; "inputHeight": { "alias": "inputHeight"; "required": false; }; "inputWidth": { "alias": "inputWidth"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "inputBorderSize": { "alias": "inputBorderSize"; "required": false; }; "inputConfig": { "alias": "inputConfig"; "required": false; }; "confPassVal": { "alias": "confPassVal"; "required": false; }; "confPass": { "alias": "confPass"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "value": { "alias": "value"; "required": false; }; "question": { "alias": "question"; "required": false; }; "showSuggestion": { "alias": "showSuggestion"; "required": false; }; "ariaOwns": { "alias": "ariaOwns"; "required": false; }; "ariaHasPopup": { "alias": "ariaHasPopup"; "required": false; }; "isLoading": { "alias": "isLoading"; "required": false; }; "options": { "alias": "options"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "valueChange": "valueChange"; "inputValue": "inputValue"; "onBlur": "onBlur"; "onFocus": "onFocus"; "toggleEmit": "toggleEmit"; "clearInputEmit": "clearInputEmit"; "nativeInputRef": "nativeInputRef"; }, never, never, true, never>;
|
|
161
158
|
}
|
package/lib/nxt-app.module.d.ts
CHANGED
|
@@ -1,36 +1,19 @@
|
|
|
1
1
|
import * as i0 from "@angular/core";
|
|
2
2
|
import * as i1 from "./nxt-app.component";
|
|
3
3
|
import * as i2 from "./i18n.component";
|
|
4
|
-
import * as i3 from "
|
|
5
|
-
import * as i4 from "
|
|
6
|
-
import * as i5 from "
|
|
7
|
-
import * as i6 from "
|
|
8
|
-
import * as i7 from "./
|
|
9
|
-
import * as i8 from "./
|
|
10
|
-
import * as i9 from "./pages/
|
|
11
|
-
import * as i10 from "./components/
|
|
12
|
-
import * as i11 from "./
|
|
13
|
-
import * as i12 from "./
|
|
14
|
-
import * as i13 from "./
|
|
15
|
-
import * as i14 from "./components/custom-radio/custom-radio.component";
|
|
16
|
-
import * as i15 from "./components/file-upload/file-upload.component";
|
|
17
|
-
import * as i16 from "./pages/booklet/booklet.component";
|
|
18
|
-
import * as i17 from "./components/search-box/search-box.component";
|
|
19
|
-
import * as i18 from "./pages/questionbook/questionbook.component";
|
|
20
|
-
import * as i19 from "./components/button/nxt-button.component";
|
|
21
|
-
import * as i20 from "@danielmoncada/angular-datetime-picker";
|
|
22
|
-
import * as i21 from "./directives/componenthost/componenthost.directive";
|
|
23
|
-
import * as i22 from "./pipe/get-value.pipe";
|
|
24
|
-
import * as i23 from "@ng-select/ng-select";
|
|
25
|
-
import * as i24 from "@angular/google-maps";
|
|
26
|
-
import * as i25 from "@angular/material/tooltip";
|
|
27
|
-
import * as i26 from "@angular/cdk/drag-drop";
|
|
28
|
-
import * as i27 from "./components/image-cropper/component/image-cropper.component";
|
|
29
|
-
import * as i28 from "./pages/pdfDesigner/pdf-designer/pdf-designer.component";
|
|
30
|
-
import * as i29 from "./pages/pdfDesigner/pdf-properties/pdf-properties.component";
|
|
31
|
-
import * as i30 from "./i18n.module";
|
|
4
|
+
import * as i3 from "@angular/common";
|
|
5
|
+
import * as i4 from "@angular/forms";
|
|
6
|
+
import * as i5 from "./components/datatable/datatable.component";
|
|
7
|
+
import * as i6 from "./components/nxt-input/nxt-input.component";
|
|
8
|
+
import * as i7 from "./pages/questionnaire/questionnaire.component";
|
|
9
|
+
import * as i8 from "./pages/booklet/booklet.component";
|
|
10
|
+
import * as i9 from "./pages/questionbook/questionbook.component";
|
|
11
|
+
import * as i10 from "./components/button/nxt-button.component";
|
|
12
|
+
import * as i11 from "./pages/pdfDesigner/pdf-designer/pdf-designer.component";
|
|
13
|
+
import * as i12 from "./pages/builder/form/form.component";
|
|
14
|
+
import * as i13 from "./i18n.module";
|
|
32
15
|
export declare class NxtAppModule {
|
|
33
16
|
static ɵfac: i0.ɵɵFactoryDeclaration<NxtAppModule, never>;
|
|
34
|
-
static ɵmod: i0.ɵɵNgModuleDeclaration<NxtAppModule, [typeof i1.NxtAppComponent, typeof i2.I18nComponent, typeof i3.
|
|
17
|
+
static ɵmod: i0.ɵɵNgModuleDeclaration<NxtAppModule, [typeof i1.NxtAppComponent, typeof i2.I18nComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.NxtDatatable, typeof i6.NxtInput, typeof i7.QuestionnaireComponent, typeof i8.BookletComponent, typeof i9.QuestionbookComponent, typeof i10.NxtButtonComponent, typeof i11.PdfDesignerComponent, typeof i12.FormComponent, typeof i13.I18nModule], [typeof i1.NxtAppComponent, typeof i7.QuestionnaireComponent, typeof i8.BookletComponent, typeof i5.NxtDatatable, typeof i6.NxtInput, typeof i10.NxtButtonComponent, typeof i11.PdfDesignerComponent]>;
|
|
35
18
|
static ɵinj: i0.ɵɵInjectorDeclaration<NxtAppModule>;
|
|
36
19
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { EventEmitter, SimpleChanges } from '@angular/core';
|
|
1
|
+
import { ElementRef, EventEmitter, QueryList, SimpleChanges } from '@angular/core';
|
|
2
2
|
import { PdfDesignerService } from '../../../services/pdf-designer.service';
|
|
3
3
|
import { ImageTransform } from '../../../components/image-cropper/interfaces/image-transform.interface';
|
|
4
4
|
import { Dimensions } from '../../../components/image-cropper/interfaces/dimensions.interface';
|
|
@@ -6,6 +6,7 @@ import { CropperPosition } from '../../../components/image-cropper/interfaces/cr
|
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
7
|
export declare class PdfDesignerComponent {
|
|
8
8
|
private pdfDesignerService;
|
|
9
|
+
textareas: QueryList<ElementRef>;
|
|
9
10
|
pdfJSON: any;
|
|
10
11
|
bookletId: any;
|
|
11
12
|
isPreview: boolean;
|
|
@@ -46,7 +47,12 @@ export declare class PdfDesignerComponent {
|
|
|
46
47
|
roundCropper: boolean;
|
|
47
48
|
isImageHover: boolean;
|
|
48
49
|
alignImage: "center";
|
|
50
|
+
showTextSettings: boolean;
|
|
51
|
+
selectedColumn: any;
|
|
49
52
|
constructor(pdfDesignerService: PdfDesignerService);
|
|
53
|
+
ngAfterViewInit(): void;
|
|
54
|
+
getContrastColor(bgColor?: string): string;
|
|
55
|
+
resizeAllTextareas(): void;
|
|
50
56
|
ngOnInit(): void;
|
|
51
57
|
isSectionOpen(section: string): boolean;
|
|
52
58
|
ngOnChanges(changes: SimpleChanges): void;
|
|
@@ -60,6 +66,7 @@ export declare class PdfDesignerComponent {
|
|
|
60
66
|
selectHeading(event: any): void;
|
|
61
67
|
generateUiId(): string;
|
|
62
68
|
addElement(type: string): void;
|
|
69
|
+
onTextAreaInput(event: Event, field: any): void;
|
|
63
70
|
onQuestionChange(value: string, field: any): void;
|
|
64
71
|
pdfPreview(pdf: any): void;
|
|
65
72
|
onFieldDateChange(event: any): void;
|
|
@@ -96,6 +103,12 @@ export declare class PdfDesignerComponent {
|
|
|
96
103
|
cropperReady(sourceImageDimensions: Dimensions): void;
|
|
97
104
|
convertBlobToBase64(objectUrl: string): Promise<string>;
|
|
98
105
|
closeModal(): void;
|
|
106
|
+
openTextSettings(field: any, event: MouseEvent): void;
|
|
107
|
+
closeTextSettings(): void;
|
|
108
|
+
toggleStyle(style: 'bold' | 'italic'): void;
|
|
109
|
+
setAlignment(alignment: 'left' | 'center' | 'right'): void;
|
|
110
|
+
updateContent(): void;
|
|
111
|
+
getMarginStyle(margin: number[] | undefined): string;
|
|
99
112
|
static ɵfac: i0.ɵɵFactoryDeclaration<PdfDesignerComponent, never>;
|
|
100
113
|
static ɵcmp: i0.ɵɵComponentDeclaration<PdfDesignerComponent, "app-pdf-designer", never, { "pdfJSON": { "alias": "pdfJSON"; "required": false; }; "bookletId": { "alias": "bookletId"; "required": false; }; "isPreview": { "alias": "isPreview"; "required": false; }; }, { "templateMode": "templateMode"; "pdfPreviewEmit": "pdfPreviewEmit"; }, never, never, true, never>;
|
|
101
114
|
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -3,16 +3,11 @@ export * from './lib/nxt-app.component';
|
|
|
3
3
|
export * from './lib/nxt-app.module';
|
|
4
4
|
export * from './lib/pages/questionnaire/questionnaire.component';
|
|
5
5
|
export * from './lib/pages/booklet/booklet.component';
|
|
6
|
-
export * from './lib/pages/questionbook/questionbook.component';
|
|
7
6
|
export * from './lib/services/salesforce.service';
|
|
8
7
|
export * from './lib/i18n.component';
|
|
9
8
|
export * from './lib/i18n.pipe';
|
|
10
|
-
export * from './lib/pages/builder/element/element.component';
|
|
11
|
-
export * from './lib/pages/builder/menu/menu.component';
|
|
12
|
-
export * from './lib/pages/builder/properties/properties.component';
|
|
13
9
|
export * from './lib/pages/builder/form/form.component';
|
|
14
10
|
export * from './lib/components/datatable/datatable.component';
|
|
15
11
|
export * from './lib/components/button/nxt-button.component';
|
|
16
12
|
export * from './lib/pages/pdfDesigner/pdf-designer/pdf-designer.component';
|
|
17
|
-
export * from './lib/pages/pdfDesigner/pdf-properties/pdf-properties.component';
|
|
18
13
|
export * from './lib/components/nxt-input/nxt-input.component';
|
|
Binary file
|
package/src/lib/style.css
CHANGED
|
@@ -1,5 +1,3 @@
|
|
|
1
|
-
@import "~@ng-select/ng-select/themes/default.theme.css";
|
|
2
|
-
@import "@danielmoncada/angular-datetime-picker/assets/style/picker.min.css";
|
|
3
1
|
@import '~quill/dist/quill.bubble.css';
|
|
4
2
|
@import "@danielmoncada/angular-datetime-picker/assets/style/picker.min.css"; /* AP-04FEB25 date-picker */
|
|
5
3
|
/*General Nxt App stylings */
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
// VD 06-09-24 directive file to call component dynamically
|
|
2
|
-
import { Directive } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
export class ComponenthostDirective {
|
|
5
|
-
viewContainerRef;
|
|
6
|
-
constructor(viewContainerRef) {
|
|
7
|
-
this.viewContainerRef = viewContainerRef;
|
|
8
|
-
}
|
|
9
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponenthostDirective, deps: [{ token: i0.ViewContainerRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
10
|
-
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.13", type: ComponenthostDirective, isStandalone: true, selector: "[dynamicComponentHost]", ngImport: i0 });
|
|
11
|
-
}
|
|
12
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ComponenthostDirective, decorators: [{
|
|
13
|
-
type: Directive,
|
|
14
|
-
args: [{
|
|
15
|
-
selector: '[dynamicComponentHost]',
|
|
16
|
-
standalone: true
|
|
17
|
-
}]
|
|
18
|
-
}], ctorParameters: () => [{ type: i0.ViewContainerRef }] });
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29tcG9uZW50aG9zdC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ueHQtYXBwL3NyYy9saWIvZGlyZWN0aXZlcy9jb21wb25lbnRob3N0L2NvbXBvbmVudGhvc3QuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLDREQUE0RDtBQUM1RCxPQUFPLEVBQUUsU0FBUyxFQUFvQixNQUFNLGVBQWUsQ0FBQzs7QUFNNUQsTUFBTSxPQUFPLHNCQUFzQjtJQUNkO0lBQW5CLFlBQW1CLGdCQUFrQztRQUFsQyxxQkFBZ0IsR0FBaEIsZ0JBQWdCLENBQWtCO0lBQUcsQ0FBQzt3R0FEOUMsc0JBQXNCOzRGQUF0QixzQkFBc0I7OzRGQUF0QixzQkFBc0I7a0JBSmxDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCIiwic291cmNlc0NvbnRlbnQiOlsiLy8gVkQgMDYtMDktMjQgZGlyZWN0aXZlIGZpbGUgdG8gY2FsbCBjb21wb25lbnQgZHluYW1pY2FsbHkgXG5pbXBvcnQgeyBEaXJlY3RpdmUsIFZpZXdDb250YWluZXJSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2R5bmFtaWNDb21wb25lbnRIb3N0XScsXG4gIHN0YW5kYWxvbmU6IHRydWVcbn0pXG5leHBvcnQgY2xhc3MgQ29tcG9uZW50aG9zdERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyB2aWV3Q29udGFpbmVyUmVmOiBWaWV3Q29udGFpbmVyUmVmKSB7fVxufVxuIl19
|
|
@@ -1,28 +0,0 @@
|
|
|
1
|
-
// AP 22JAN25
|
|
2
|
-
import { Component } from '@angular/core';
|
|
3
|
-
import * as i0 from "@angular/core";
|
|
4
|
-
import * as i1 from "@angular/common";
|
|
5
|
-
export class MenuComponent {
|
|
6
|
-
activeIndex = 0;
|
|
7
|
-
menuItems = [
|
|
8
|
-
{ icon: '../assets/icons/Related.svg' },
|
|
9
|
-
{ icon: '../assets/icons/TextColumns.svg' },
|
|
10
|
-
{ icon: '../assets/icons/Monotone.svg' },
|
|
11
|
-
{ icon: '../assets/icons/Preview1.svg' },
|
|
12
|
-
{ icon: '../assets/icons/Website.svg' },
|
|
13
|
-
{ icon: '../assets/icons/Preview2.svg' },
|
|
14
|
-
{ icon: '../assets/icons/pdf.svg' },
|
|
15
|
-
{ icon: '../assets/icons/Setting.svg' }
|
|
16
|
-
// { icon: '../assets/icons/ProfileImage.svg' }
|
|
17
|
-
];
|
|
18
|
-
setActiveMenu(index) {
|
|
19
|
-
this.activeIndex = index;
|
|
20
|
-
}
|
|
21
|
-
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
22
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: MenuComponent, selector: "app-menu", ngImport: i0, template: "<!-- AP 22JAN25 - Top menu ,Left side menu -->\n<!-- menu.component.html -->\n<div class=\"top-bar\">\n <button class=\"button share-button\">Share</button>\n <button class=\"button publish-button\">Publish</button>\n</div>\n<div class=\"menu-sidebar\">\n <!-- Logo Section -->\n <div class=\"menu-logo\">\n <img src=\"../assets/Nxt.png\">\n </div>\n\n <!-- Menu Items -->\n <ul class=\"menu-list\">\n <li\n *ngFor=\"let item of menuItems; let i = index\"\n class=\"menu-item\"\n [class.active]=\"activeIndex === i\"\n (click)=\"setActiveMenu(i)\"\n [attr.aria-label]=\"item.label\"\n >\n <!-- Dynamic Icon -->\n <img [src]=\"item.icon\" alt=\"Menu Icon\" class=\"menu-icon\" />\n </li>\n </ul>\n\n <!-- Profile Section -->\n <div class=\"menu-profile\">\n <img src=\"../assets/icons/ProfileImage.svg\" />\n </div>\n</div>\n\n", styles: [".top-bar{display:flex;justify-content:flex-end;padding:15px;background-color:#fff;border-bottom:1px solid #ccc;width:100%;position:absolute;top:-3px}.button{padding:10px 20px;margin-left:10px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.share-button{background-color:#e5e8ed;color:#384652}.share-button:hover,.publish-button{background-color:#3374f2;color:#fff}.publish-button:hover{background-color:#005f73}.menu-sidebar{width:74px;height:calc(100vh - 20px);background-color:#fff;color:#94a3b8;display:flex;flex-direction:column;align-items:center;position:absolute;top:0;box-shadow:2px 0 5px #0000001a}.menu-logo img{width:40px;margin:20px 0}.menu-list{list-style-type:none;padding:0;margin-top:48px;flex:1}.menu-item{width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:10px 0;cursor:pointer;border-radius:8px;transition:background .3s ease}.menu-item.active,.menu-item:hover{background-color:#ffb300;border-radius:50px;color:#fff}.icon{font-size:20px}.menu-profile img{width:40px;border-radius:50%;margin-bottom:20px}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }] });
|
|
23
|
-
}
|
|
24
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: MenuComponent, decorators: [{
|
|
25
|
-
type: Component,
|
|
26
|
-
args: [{ selector: 'app-menu', template: "<!-- AP 22JAN25 - Top menu ,Left side menu -->\n<!-- menu.component.html -->\n<div class=\"top-bar\">\n <button class=\"button share-button\">Share</button>\n <button class=\"button publish-button\">Publish</button>\n</div>\n<div class=\"menu-sidebar\">\n <!-- Logo Section -->\n <div class=\"menu-logo\">\n <img src=\"../assets/Nxt.png\">\n </div>\n\n <!-- Menu Items -->\n <ul class=\"menu-list\">\n <li\n *ngFor=\"let item of menuItems; let i = index\"\n class=\"menu-item\"\n [class.active]=\"activeIndex === i\"\n (click)=\"setActiveMenu(i)\"\n [attr.aria-label]=\"item.label\"\n >\n <!-- Dynamic Icon -->\n <img [src]=\"item.icon\" alt=\"Menu Icon\" class=\"menu-icon\" />\n </li>\n </ul>\n\n <!-- Profile Section -->\n <div class=\"menu-profile\">\n <img src=\"../assets/icons/ProfileImage.svg\" />\n </div>\n</div>\n\n", styles: [".top-bar{display:flex;justify-content:flex-end;padding:15px;background-color:#fff;border-bottom:1px solid #ccc;width:100%;position:absolute;top:-3px}.button{padding:10px 20px;margin-left:10px;font-size:1rem;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.share-button{background-color:#e5e8ed;color:#384652}.share-button:hover,.publish-button{background-color:#3374f2;color:#fff}.publish-button:hover{background-color:#005f73}.menu-sidebar{width:74px;height:calc(100vh - 20px);background-color:#fff;color:#94a3b8;display:flex;flex-direction:column;align-items:center;position:absolute;top:0;box-shadow:2px 0 5px #0000001a}.menu-logo img{width:40px;margin:20px 0}.menu-list{list-style-type:none;padding:0;margin-top:48px;flex:1}.menu-item{width:50px;height:50px;display:flex;justify-content:center;align-items:center;margin:10px 0;cursor:pointer;border-radius:8px;transition:background .3s ease}.menu-item.active,.menu-item:hover{background-color:#ffb300;border-radius:50px;color:#fff}.icon{font-size:20px}.menu-profile img{width:40px;border-radius:50%;margin-bottom:20px}\n"] }]
|
|
27
|
-
}] });
|
|
28
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVudS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9ueHQtYXBwL3NyYy9saWIvcGFnZXMvYnVpbGRlci9tZW51L21lbnUuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbnh0LWFwcC9zcmMvbGliL3BhZ2VzL2J1aWxkZXIvbWVudS9tZW51LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGFBQWE7QUFDYixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7QUFPMUMsTUFBTSxPQUFPLGFBQWE7SUFDeEIsV0FBVyxHQUFXLENBQUMsQ0FBQztJQUV4QixTQUFTLEdBQUc7UUFDVixFQUFFLElBQUksRUFBRSw2QkFBNkIsRUFBRTtRQUN2QyxFQUFFLElBQUksRUFBRSxpQ0FBaUMsRUFBRTtRQUMzQyxFQUFFLElBQUksRUFBRSw4QkFBOEIsRUFBRTtRQUN4QyxFQUFFLElBQUksRUFBRSw4QkFBOEIsRUFBRTtRQUN4QyxFQUFFLElBQUksRUFBRSw2QkFBNkIsRUFBRTtRQUN2QyxFQUFFLElBQUksRUFBRSw4QkFBOEIsRUFBRTtRQUN4QyxFQUFFLElBQUksRUFBRSx5QkFBeUIsRUFBRTtRQUNuQyxFQUFFLElBQUksRUFBRSw2QkFBNkIsRUFBRTtRQUN2QywrQ0FBK0M7S0FDaEQsQ0FBQztJQUVGLGFBQWEsQ0FBQyxLQUFhO1FBQ3pCLElBQUksQ0FBQyxXQUFXLEdBQUcsS0FBSyxDQUFDO0lBQzNCLENBQUM7d0dBakJVLGFBQWE7NEZBQWIsYUFBYSxnRENSMUIsODNCQWdDQTs7NEZEeEJhLGFBQWE7a0JBTHpCLFNBQVM7K0JBQ0UsVUFBVSIsInNvdXJjZXNDb250ZW50IjpbIi8vIEFQIDIySkFOMjVcbmltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdhcHAtbWVudScsXG4gIHRlbXBsYXRlVXJsOiAnLi9tZW51LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vbWVudS5jb21wb25lbnQuY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgTWVudUNvbXBvbmVudCB7XG4gIGFjdGl2ZUluZGV4OiBudW1iZXIgPSAwO1xuXG4gIG1lbnVJdGVtcyA9IFtcbiAgICB7IGljb246ICcuLi9hc3NldHMvaWNvbnMvUmVsYXRlZC5zdmcnIH0sXG4gICAgeyBpY29uOiAnLi4vYXNzZXRzL2ljb25zL1RleHRDb2x1bW5zLnN2ZycgfSxcbiAgICB7IGljb246ICcuLi9hc3NldHMvaWNvbnMvTW9ub3RvbmUuc3ZnJyB9LFxuICAgIHsgaWNvbjogJy4uL2Fzc2V0cy9pY29ucy9QcmV2aWV3MS5zdmcnIH0sXG4gICAgeyBpY29uOiAnLi4vYXNzZXRzL2ljb25zL1dlYnNpdGUuc3ZnJyB9LFxuICAgIHsgaWNvbjogJy4uL2Fzc2V0cy9pY29ucy9QcmV2aWV3Mi5zdmcnIH0sXG4gICAgeyBpY29uOiAnLi4vYXNzZXRzL2ljb25zL3BkZi5zdmcnIH0sXG4gICAgeyBpY29uOiAnLi4vYXNzZXRzL2ljb25zL1NldHRpbmcuc3ZnJyB9XG4gICAgLy8geyBpY29uOiAnLi4vYXNzZXRzL2ljb25zL1Byb2ZpbGVJbWFnZS5zdmcnIH1cbiAgXTtcblxuICBzZXRBY3RpdmVNZW51KGluZGV4OiBudW1iZXIpOiB2b2lkIHtcbiAgICB0aGlzLmFjdGl2ZUluZGV4ID0gaW5kZXg7XG4gIH1cbn1cbiIsIjwhLS0gQVAgMjJKQU4yNSAtIFRvcCBtZW51ICxMZWZ0IHNpZGUgbWVudSAgLS0+XG48IS0tIG1lbnUuY29tcG9uZW50Lmh0bWwgLS0+XG48ZGl2IGNsYXNzPVwidG9wLWJhclwiPlxuICAgIDxidXR0b24gY2xhc3M9XCJidXR0b24gc2hhcmUtYnV0dG9uXCI+U2hhcmU8L2J1dHRvbj5cbiAgICA8YnV0dG9uIGNsYXNzPVwiYnV0dG9uIHB1Ymxpc2gtYnV0dG9uXCI+UHVibGlzaDwvYnV0dG9uPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwibWVudS1zaWRlYmFyXCI+XG4gIDwhLS0gTG9nbyBTZWN0aW9uIC0tPlxuICA8ZGl2IGNsYXNzPVwibWVudS1sb2dvXCI+XG4gICAgPGltZyBzcmM9XCIuLi9hc3NldHMvTnh0LnBuZ1wiPlxuICA8L2Rpdj5cblxuICA8IS0tIE1lbnUgSXRlbXMgLS0+XG4gIDx1bCBjbGFzcz1cIm1lbnUtbGlzdFwiPlxuICAgIDxsaVxuICAgICAgKm5nRm9yPVwibGV0IGl0ZW0gb2YgbWVudUl0ZW1zOyBsZXQgaSA9IGluZGV4XCJcbiAgICAgIGNsYXNzPVwibWVudS1pdGVtXCJcbiAgICAgIFtjbGFzcy5hY3RpdmVdPVwiYWN0aXZlSW5kZXggPT09IGlcIlxuICAgICAgKGNsaWNrKT1cInNldEFjdGl2ZU1lbnUoaSlcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbF09XCJpdGVtLmxhYmVsXCJcbiAgICA+XG4gICAgICA8IS0tIER5bmFtaWMgSWNvbiAtLT5cbiAgICAgIDxpbWcgW3NyY109XCJpdGVtLmljb25cIiBhbHQ9XCJNZW51IEljb25cIiBjbGFzcz1cIm1lbnUtaWNvblwiIC8+XG4gICAgPC9saT5cbiAgPC91bD5cblxuICA8IS0tIFByb2ZpbGUgU2VjdGlvbiAtLT5cbiAgPGRpdiBjbGFzcz1cIm1lbnUtcHJvZmlsZVwiPlxuICAgIDxpbWcgc3JjPVwiLi4vYXNzZXRzL2ljb25zL1Byb2ZpbGVJbWFnZS5zdmdcIiAvPlxuICA8L2Rpdj5cbjwvZGl2PlxuXG4iXX0=
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { ViewContainerRef } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
export declare class ComponenthostDirective {
|
|
4
|
-
viewContainerRef: ViewContainerRef;
|
|
5
|
-
constructor(viewContainerRef: ViewContainerRef);
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<ComponenthostDirective, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<ComponenthostDirective, "[dynamicComponentHost]", never, {}, {}, never, never, true, never>;
|
|
8
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class MenuComponent {
|
|
3
|
-
activeIndex: number;
|
|
4
|
-
menuItems: {
|
|
5
|
-
icon: string;
|
|
6
|
-
}[];
|
|
7
|
-
setActiveMenu(index: number): void;
|
|
8
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<MenuComponent, never>;
|
|
9
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MenuComponent, "app-menu", never, {}, {}, never, never, false, never>;
|
|
10
|
-
}
|
|
Binary file
|