mis-crystal-design-system 18.0.13-test-10 → 18.0.13-test-11
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/radio-button/radio-button.component.mjs +1 -1
- package/esm2022/table/actions-cell/actions-cell.component.mjs +5 -5
- package/esm2022/table/table.component.mjs +38 -23
- package/esm2022/toast/toast.component.mjs +75 -14
- package/esm2022/toast/toast.data.service.mjs +1 -1
- package/esm2022/toast/toast.interface.mjs +2 -0
- package/esm2022/toast/toast.service.mjs +14 -7
- package/fesm2022/mis-crystal-design-system-radio-button.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-table.mjs +41 -26
- package/fesm2022/mis-crystal-design-system-table.mjs.map +1 -1
- package/fesm2022/mis-crystal-design-system-toast.mjs +87 -19
- package/fesm2022/mis-crystal-design-system-toast.mjs.map +1 -1
- package/package.json +19 -19
- package/table/filter/filter.component.d.ts +1 -1
- package/table/table.component.d.ts +3 -1
- package/toast/toast.component.d.ts +17 -1
- package/toast/toast.data.service.d.ts +3 -2
- package/toast/toast.interface.d.ts +6 -0
- package/toast/toast.service.d.ts +2 -1
|
@@ -4,7 +4,8 @@ import { ComponentPortal } from '@angular/cdk/portal';
|
|
|
4
4
|
import * as i0 from '@angular/core';
|
|
5
5
|
import { Injectable, Component, NgModule } from '@angular/core';
|
|
6
6
|
import { trigger, transition, style, animate } from '@angular/animations';
|
|
7
|
-
import * as i2 from '@angular/
|
|
7
|
+
import * as i2 from '@angular/platform-browser';
|
|
8
|
+
import * as i3 from '@angular/common';
|
|
8
9
|
import { CommonModule } from '@angular/common';
|
|
9
10
|
|
|
10
11
|
class ToastDataService {
|
|
@@ -35,29 +36,89 @@ class ToastDataService {
|
|
|
35
36
|
}]
|
|
36
37
|
}], () => [], null); })();
|
|
37
38
|
|
|
39
|
+
function ToastComponent_div_1_div_2_Template(rf, ctx) { if (rf & 1) {
|
|
40
|
+
i0.ɵɵelement(0, "div", 5);
|
|
41
|
+
} if (rf & 2) {
|
|
42
|
+
const toast_r1 = i0.ɵɵnextContext().$implicit;
|
|
43
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
44
|
+
i0.ɵɵproperty("innerHTML", ctx_r1.getStateIcon(ctx_r1.getToastState(toast_r1)), i0.ɵɵsanitizeHtml);
|
|
45
|
+
} }
|
|
38
46
|
function ToastComponent_div_1_Template(rf, ctx) { if (rf & 1) {
|
|
39
|
-
i0.ɵɵelementStart(0, "div")(1, "div", 2)
|
|
40
|
-
i0.ɵɵ
|
|
47
|
+
i0.ɵɵelementStart(0, "div")(1, "div", 2);
|
|
48
|
+
i0.ɵɵtemplate(2, ToastComponent_div_1_div_2_Template, 1, 1, "div", 3);
|
|
49
|
+
i0.ɵɵelementStart(3, "div", 4);
|
|
50
|
+
i0.ɵɵtext(4);
|
|
41
51
|
i0.ɵɵelementEnd()()();
|
|
42
52
|
} if (rf & 2) {
|
|
43
|
-
const
|
|
53
|
+
const toast_r1 = ctx.$implicit;
|
|
54
|
+
const ctx_r1 = i0.ɵɵnextContext();
|
|
44
55
|
i0.ɵɵproperty("@fadeInOut", undefined);
|
|
45
|
-
i0.ɵɵadvance(
|
|
46
|
-
i0.ɵɵ
|
|
56
|
+
i0.ɵɵadvance();
|
|
57
|
+
i0.ɵɵproperty("ngClass", ctx_r1.getToastState(toast_r1));
|
|
58
|
+
i0.ɵɵadvance();
|
|
59
|
+
i0.ɵɵproperty("ngIf", ctx_r1.getToastState(toast_r1));
|
|
60
|
+
i0.ɵɵadvance(2);
|
|
61
|
+
i0.ɵɵtextInterpolate(ctx_r1.getMessage(toast_r1));
|
|
47
62
|
} }
|
|
48
63
|
class ToastComponent {
|
|
49
|
-
constructor(data) {
|
|
64
|
+
constructor(data, sanitizer) {
|
|
50
65
|
this.data = data;
|
|
66
|
+
this.sanitizer = sanitizer;
|
|
67
|
+
}
|
|
68
|
+
getMessage(toast) {
|
|
69
|
+
return typeof toast === 'string' ? toast : toast.text;
|
|
70
|
+
}
|
|
71
|
+
getToastState(toast) {
|
|
72
|
+
return typeof toast === 'string' ? undefined : toast.state;
|
|
73
|
+
}
|
|
74
|
+
shouldShowIcon(toast) {
|
|
75
|
+
return typeof toast !== 'string' && !!toast.state;
|
|
51
76
|
}
|
|
52
|
-
|
|
53
|
-
|
|
77
|
+
getStateIcon(state) {
|
|
78
|
+
if (!state)
|
|
79
|
+
return '';
|
|
80
|
+
let svgContent = '';
|
|
81
|
+
switch (state) {
|
|
82
|
+
case 'success':
|
|
83
|
+
svgContent = `
|
|
84
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
85
|
+
<circle cx="10" cy="10" r="10" fill="#4CAF50"/>
|
|
86
|
+
<path d="M8.6 13.4L5.2 10L4 11.2L8.6 15.8L16.6 7.8L15.4 6.6L8.6 13.4Z" fill="white"/>
|
|
87
|
+
</svg>
|
|
88
|
+
`;
|
|
89
|
+
break;
|
|
90
|
+
case 'warning':
|
|
91
|
+
svgContent = `
|
|
92
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
93
|
+
<path d="M10 0L20 17.3205H0L10 0Z" fill="#FF9800"/>
|
|
94
|
+
<path d="M9 6H11V12H9V6Z" fill="white"/>
|
|
95
|
+
<path d="M9 13H11V15H9V13Z" fill="white"/>
|
|
96
|
+
</svg>
|
|
97
|
+
`;
|
|
98
|
+
break;
|
|
99
|
+
case 'error':
|
|
100
|
+
svgContent = `
|
|
101
|
+
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
102
|
+
<circle cx="10" cy="10" r="10" fill="#D32F2F"/>
|
|
103
|
+
<path d="M9 5H11V11H9V5Z" fill="white"/>
|
|
104
|
+
<path d="M9 13H11V15H9V13Z" fill="white"/>
|
|
105
|
+
</svg>
|
|
106
|
+
`;
|
|
107
|
+
break;
|
|
108
|
+
default:
|
|
109
|
+
return '';
|
|
110
|
+
}
|
|
111
|
+
return this.sanitizer.bypassSecurityTrustHtml(svgContent);
|
|
112
|
+
}
|
|
113
|
+
static { this.ɵfac = function ToastComponent_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToastComponent)(i0.ɵɵdirectiveInject(ToastDataService), i0.ɵɵdirectiveInject(i2.DomSanitizer)); }; }
|
|
114
|
+
static { this.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: ToastComponent, selectors: [["mis-teams-toast"]], decls: 2, vars: 1, consts: [[1, "toast-container"], [4, "ngFor", "ngForOf"], [1, "toast-wrapper", 3, "ngClass"], ["class", "icon", 3, "innerHTML", 4, "ngIf"], [1, "msg"], [1, "icon", 3, "innerHTML"]], template: function ToastComponent_Template(rf, ctx) { if (rf & 1) {
|
|
54
115
|
i0.ɵɵelementStart(0, "div", 0);
|
|
55
|
-
i0.ɵɵtemplate(1, ToastComponent_div_1_Template,
|
|
116
|
+
i0.ɵɵtemplate(1, ToastComponent_div_1_Template, 5, 4, "div", 1);
|
|
56
117
|
i0.ɵɵelementEnd();
|
|
57
118
|
} if (rf & 2) {
|
|
58
119
|
i0.ɵɵadvance();
|
|
59
120
|
i0.ɵɵproperty("ngForOf", ctx.data.messages);
|
|
60
|
-
} }, dependencies: [
|
|
121
|
+
} }, dependencies: [i3.NgClass, i3.NgForOf, i3.NgIf], styles: [".toast-container[_ngcontent-%COMP%]{transition:max-height .3s ease-in}.toast-container[_ngcontent-%COMP%] > div[_ngcontent-%COMP%]{position:relative;display:flex;justify-content:center}.toast-wrapper[_ngcontent-%COMP%]{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px #00000024,0 5px 22px #0000001f,0 7px 8px #0003;border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper[_ngcontent-%COMP%] .msg[_ngcontent-%COMP%]{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width: 360px){.toast-wrapper[_ngcontent-%COMP%] .msg[_ngcontent-%COMP%]{max-width:90vw;flex:1 1 90vw}}.toast-wrapper[_ngcontent-%COMP%] .icon[_ngcontent-%COMP%]{display:flex;justify-content:center;align-items:center}"], data: { animation: [
|
|
61
122
|
trigger("fadeInOut", [
|
|
62
123
|
transition(":enter", [
|
|
63
124
|
style({ opacity: "0", transform: "translateY(-50%)", height: "0" }),
|
|
@@ -77,8 +138,8 @@ class ToastComponent {
|
|
|
77
138
|
]),
|
|
78
139
|
transition(":leave", [animate("300ms ease-in", style({ opacity: "0", transform: "translateY(50%)" }))])
|
|
79
140
|
])
|
|
80
|
-
], template: "<div class=\"toast-container\">\n <div *ngFor=\"let
|
|
81
|
-
}], () => [{ type: ToastDataService }], null); })();
|
|
141
|
+
], template: "<div class=\"toast-container\">\n <div *ngFor=\"let toast of data.messages\" @fadeInOut>\n <div class=\"toast-wrapper\" [ngClass]=\"getToastState(toast)\">\n <div class=\"icon\" *ngIf=\"getToastState(toast)\" [innerHTML]=\"getStateIcon(getToastState(toast))\"></div>\n <div class=\"msg\">{{ getMessage(toast) }}</div>\n </div>\n </div>\n</div>\n", styles: [".toast-container{transition:max-height .3s ease-in}.toast-container>div{position:relative;display:flex;justify-content:center}.toast-wrapper{display:flex;flex-direction:row;align-items:center;gap:16px;padding:14px 12px;background:#181f33;box-shadow:0 12px 17px #00000024,0 5px 22px #0000001f,0 7px 8px #0003;border-radius:4px;transition:all .3s ease-in;min-height:44px;transform-origin:top}.toast-wrapper .msg{color:#fff;max-width:314px;flex:1 1 314px;font-size:14px;line-height:20px;letter-spacing:.2px}@media screen and (max-width: 360px){.toast-wrapper .msg{max-width:90vw;flex:1 1 90vw}}.toast-wrapper .icon{display:flex;justify-content:center;align-items:center}\n"] }]
|
|
142
|
+
}], () => [{ type: ToastDataService }, { type: i2.DomSanitizer }], null); })();
|
|
82
143
|
(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(ToastComponent, { className: "ToastComponent" }); })();
|
|
83
144
|
|
|
84
145
|
class ToastService {
|
|
@@ -119,7 +180,17 @@ class ToastService {
|
|
|
119
180
|
};
|
|
120
181
|
this.userProfilePortal = new ComponentPortal(ToastComponent);
|
|
121
182
|
}
|
|
122
|
-
displayMsg(
|
|
183
|
+
displayMsg(message, timeout = 3000, state) {
|
|
184
|
+
let finalMessage;
|
|
185
|
+
// Handle different parameter combinations
|
|
186
|
+
if (state) {
|
|
187
|
+
// New format with state
|
|
188
|
+
finalMessage = { text: message, state };
|
|
189
|
+
}
|
|
190
|
+
else {
|
|
191
|
+
// Basic format: just message
|
|
192
|
+
finalMessage = message;
|
|
193
|
+
}
|
|
123
194
|
const positionStrategy = this.overlay.position().global().centerHorizontally();
|
|
124
195
|
if (window?.innerWidth < 600) {
|
|
125
196
|
positionStrategy.bottom("48px");
|
|
@@ -135,24 +206,21 @@ class ToastService {
|
|
|
135
206
|
this.toastWrapperRef = this.overlay.create(config);
|
|
136
207
|
this.toastWrapperRef.attach(this.userProfilePortal);
|
|
137
208
|
}
|
|
138
|
-
const messageId = this.data.updateMessage(
|
|
139
|
-
this.messagePromises.push(new Promise((resolve
|
|
209
|
+
const messageId = this.data.updateMessage(finalMessage);
|
|
210
|
+
this.messagePromises.push(new Promise((resolve) => {
|
|
140
211
|
setTimeout(() => {
|
|
141
212
|
resolve(this.data.removeMessage(messageId));
|
|
142
213
|
if (!this.data.hasMessage()) {
|
|
143
214
|
this.closeToastOverlay();
|
|
144
215
|
}
|
|
145
|
-
// adding 300ms for entry animation
|
|
146
216
|
}, timeout + 300);
|
|
147
217
|
}));
|
|
148
218
|
Promise.race(this.messagePromises).then(() => { });
|
|
149
219
|
}
|
|
150
|
-
// tslint:disable-next-line
|
|
151
220
|
closeToastOverlay() {
|
|
152
221
|
return setTimeout(() => {
|
|
153
222
|
this.messagePromises = [];
|
|
154
223
|
this.toastWrapperRef?.detach();
|
|
155
|
-
// adding 300ms for exit animation
|
|
156
224
|
}, 300);
|
|
157
225
|
}
|
|
158
226
|
static { this.ɵfac = function ToastService_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || ToastService)(i0.ɵɵinject(i1.Overlay), i0.ɵɵinject(ToastDataService)); }; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"mis-crystal-design-system-toast.mjs","sources":["../../../projects/mis-components/toast/toast.data.service.ts","../../../projects/mis-components/toast/toast.component.html","../../../projects/mis-components/toast/toast.component.ts","../../../projects/mis-components/toast/toast.service.ts","../../../projects/mis-components/toast/toast.module.ts","../../../projects/mis-components/toast/mis-crystal-design-system-toast.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastDataService {\n private messageMap: Map<number, string> = new Map();\n get messages(): string[] {\n return Array.from(this.messageMap.values()).reverse();\n }\n\n constructor() {}\n\n updateMessage(msg: string): number {\n const id = new Date().getTime();\n this.messageMap.set(id, msg);\n return id;\n }\n\n removeMessage(id: number): void {\n this.messageMap.delete(id);\n }\n\n hasMessage(): boolean {\n return this.messageMap.size > 0;\n }\n}\n","<div class=\"toast-container\">\n <div *ngFor=\"let msg of data.messages\" @fadeInOut>\n <div class=\"toast-wrapper\">\n <div class=\"msg\">{{ msg }}</div>\n </div>\n </div>\n</div>\n","import { animate, style, transition, trigger } from \"@angular/animations\";\nimport { Component } from \"@angular/core\";\nimport { ToastDataService } from \"./toast.data.service\";\n\n@Component({\n selector: \"mis-teams-toast\",\n templateUrl: \"./toast.component.html\",\n styleUrls: [\"./toast.component.scss\"],\n animations: [\n trigger(\"fadeInOut\", [\n transition(\":enter\", [\n style({ opacity: \"0\", transform: \"translateY(-50%)\", height: \"0\" }),\n animate(\"300ms ease-in\", style({ opacity: \"1\", transform: \"translateY(0)\", height: \"*\" }))\n ]),\n transition(\":leave\", [animate(\"300ms ease-in\", style({ opacity: \"0\", transform: \"translateY(50%)\" }))])\n ])\n ]\n})\nexport class ToastComponent {\n constructor(public data: ToastDataService) {}\n}\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Injectable } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\n\ntype Operations = \"created\" | \"updated\" | \"deleted\" | \"create\" | \"update\" | \"delete\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastService {\n constructor(private overlay: Overlay, private data: ToastDataService) {\n this.userProfilePortal = new ComponentPortal(ToastComponent);\n }\n private toastWrapperRef: OverlayRef;\n private messagePromises: Promise<void>[] = [];\n private userProfilePortal: ComponentPortal<ToastComponent>;\n\n messageBuilder = {\n error: {\n simple: \"Something went wrong. Please try again later.\",\n 400: \"Bad Request! We are working to fix this.\",\n 401: \"UNAUTHORISED\",\n 403: \"Sorry for the interruption but seems like your session has expired. Please login again and continue\",\n 404: \"Unable to find resource. Please try again later\"\n },\n item: (item: string) => {\n return {\n action: (act: Operations = \"updated\") => {\n const success = `Successfully ${act} ${item}.`;\n const failure = `Failed to ${act} ${item}.`;\n return {\n success,\n failure\n };\n }\n };\n },\n short: (act: Operations = \"updated\") => {\n const success = `Successfully ${act}.`;\n const failure = `Failed to ${act}.`;\n return {\n success,\n failure\n };\n },\n simple: (...args: string[]) => args.join(\" \"),\n simplest: \"Done!\"\n };\n\n displayMsg(msg: string, timeout = 3000): void {\n const positionStrategy = this.overlay.position().global().centerHorizontally();\n\n if (window?.innerWidth < 600) {\n positionStrategy.bottom(\"48px\");\n } else {\n positionStrategy.top(\"80px\");\n }\n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy\n });\n if (!this.toastWrapperRef?.hasAttached()) {\n this.toastWrapperRef = this.overlay.create(config);\n this.toastWrapperRef.attach(this.userProfilePortal);\n }\n const messageId = this.data.updateMessage(msg);\n this.messagePromises.push(\n new Promise((resolve, reject) => {\n setTimeout(() => {\n resolve(this.data.removeMessage(messageId));\n if (!this.data.hasMessage()) {\n this.closeToastOverlay();\n }\n // adding 300ms for entry animation\n }, timeout + 300);\n })\n );\n Promise.race(this.messagePromises).then(() => {});\n }\n\n // tslint:disable-next-line\n private closeToastOverlay(): any {\n return setTimeout(() => {\n this.messagePromises = [];\n this.toastWrapperRef?.detach();\n // adding 300ms for exit animation\n }, 300);\n }\n}\n","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\nimport { ToastService } from \"./toast.service\";\n\n@NgModule({\n declarations: [ToastComponent],\n imports: [CommonModule, OverlayModule]\n})\nexport class ToastModule {\n static forRoot(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n\n static forChild(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ToastDataService","i2.ToastDataService"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"mis-crystal-design-system-toast.mjs","sources":["../../../projects/mis-components/toast/toast.data.service.ts","../../../projects/mis-components/toast/toast.component.html","../../../projects/mis-components/toast/toast.component.ts","../../../projects/mis-components/toast/toast.service.ts","../../../projects/mis-components/toast/toast.module.ts","../../../projects/mis-components/toast/mis-crystal-design-system-toast.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\nimport { ToastMessage } from \"./toast.interface\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastDataService {\n private messageMap: Map<number, ToastMessage | string> = new Map();\n \n get messages(): (ToastMessage | string)[] {\n return Array.from(this.messageMap.values()).reverse();\n }\n\n constructor() {}\n\n updateMessage(msg: ToastMessage | string): number {\n const id = new Date().getTime();\n this.messageMap.set(id, msg);\n return id;\n }\n\n removeMessage(id: number): void {\n this.messageMap.delete(id);\n }\n\n hasMessage(): boolean {\n return this.messageMap.size > 0;\n }\n}\n","<div class=\"toast-container\">\n <div *ngFor=\"let toast of data.messages\" @fadeInOut>\n <div class=\"toast-wrapper\" [ngClass]=\"getToastState(toast)\">\n <div class=\"icon\" *ngIf=\"getToastState(toast)\" [innerHTML]=\"getStateIcon(getToastState(toast))\"></div>\n <div class=\"msg\">{{ getMessage(toast) }}</div>\n </div>\n </div>\n</div>\n","import { animate, style, transition, trigger } from \"@angular/animations\";\nimport { Component } from \"@angular/core\";\nimport { DomSanitizer, SafeHtml } from '@angular/platform-browser';\nimport { ToastDataService } from \"./toast.data.service\";\nimport { ToastState } from \"./toast.interface\";\n\n@Component({\n selector: \"mis-teams-toast\",\n templateUrl: \"./toast.component.html\",\n styleUrls: [\"./toast.component.scss\"],\n animations: [\n trigger(\"fadeInOut\", [\n transition(\":enter\", [\n style({ opacity: \"0\", transform: \"translateY(-50%)\", height: \"0\" }),\n animate(\"300ms ease-in\", style({ opacity: \"1\", transform: \"translateY(0)\", height: \"*\" }))\n ]),\n transition(\":leave\", [animate(\"300ms ease-in\", style({ opacity: \"0\", transform: \"translateY(50%)\" }))])\n ])\n ]\n})\nexport class ToastComponent {\n constructor(\n public data: ToastDataService,\n private sanitizer: DomSanitizer\n ) {}\n\n getMessage(toast: string | { text: string; state?: ToastState }): string {\n return typeof toast === 'string' ? toast : toast.text;\n }\n\n getToastState(toast: string | { text: string; state?: ToastState }): ToastState | undefined {\n return typeof toast === 'string' ? undefined : toast.state;\n }\n\n shouldShowIcon(toast: string | { text: string; state?: ToastState }): boolean {\n return typeof toast !== 'string' && !!toast.state;\n }\n\n getStateIcon(state: ToastState | undefined): SafeHtml {\n if (!state) return '';\n \n let svgContent = '';\n switch (state) {\n case 'success':\n svgContent = `\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#4CAF50\"/>\n <path d=\"M8.6 13.4L5.2 10L4 11.2L8.6 15.8L16.6 7.8L15.4 6.6L8.6 13.4Z\" fill=\"white\"/>\n </svg>\n `;\n break;\n case 'warning':\n svgContent = `\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <path d=\"M10 0L20 17.3205H0L10 0Z\" fill=\"#FF9800\"/>\n <path d=\"M9 6H11V12H9V6Z\" fill=\"white\"/>\n <path d=\"M9 13H11V15H9V13Z\" fill=\"white\"/>\n </svg>\n `;\n break;\n case 'error':\n svgContent = `\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <circle cx=\"10\" cy=\"10\" r=\"10\" fill=\"#D32F2F\"/>\n <path d=\"M9 5H11V11H9V5Z\" fill=\"white\"/>\n <path d=\"M9 13H11V15H9V13Z\" fill=\"white\"/>\n </svg>\n `;\n break;\n default:\n return '';\n }\n \n return this.sanitizer.bypassSecurityTrustHtml(svgContent);\n }\n}\n","import { Overlay, OverlayConfig, OverlayRef } from \"@angular/cdk/overlay\";\nimport { ComponentPortal } from \"@angular/cdk/portal\";\nimport { Injectable } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\nimport { ToastState } from \"./toast.interface\";\n\ntype Operations = \"created\" | \"updated\" | \"deleted\" | \"create\" | \"update\" | \"delete\";\n\n@Injectable({\n providedIn: \"root\"\n})\nexport class ToastService {\n constructor(private overlay: Overlay, private data: ToastDataService) {\n this.userProfilePortal = new ComponentPortal(ToastComponent);\n }\n private toastWrapperRef: OverlayRef;\n private messagePromises: Promise<void>[] = [];\n private userProfilePortal: ComponentPortal<ToastComponent>;\n\n messageBuilder = {\n error: {\n simple: \"Something went wrong. Please try again later.\",\n 400: \"Bad Request! We are working to fix this.\",\n 401: \"UNAUTHORISED\",\n 403: \"Sorry for the interruption but seems like your session has expired. Please login again and continue\",\n 404: \"Unable to find resource. Please try again later\"\n },\n item: (item: string) => {\n return {\n action: (act: Operations = \"updated\") => {\n const success = `Successfully ${act} ${item}.`;\n const failure = `Failed to ${act} ${item}.`;\n return {\n success,\n failure\n };\n }\n };\n },\n short: (act: Operations = \"updated\") => {\n const success = `Successfully ${act}.`;\n const failure = `Failed to ${act}.`;\n return {\n success,\n failure\n };\n },\n simple: (...args: string[]) => args.join(\" \"),\n simplest: \"Done!\"\n };\n\n displayMsg(message: string, timeout = 3000, state?: ToastState): void {\n let finalMessage: string | { text: string; state?: ToastState };\n \n // Handle different parameter combinations\n if (state) {\n // New format with state\n finalMessage = { text: message, state };\n } else {\n // Basic format: just message\n finalMessage = message;\n }\n\n const positionStrategy = this.overlay.position().global().centerHorizontally();\n\n if (window?.innerWidth < 600) {\n positionStrategy.bottom(\"48px\");\n } else {\n positionStrategy.top(\"80px\");\n }\n \n const config = new OverlayConfig({\n hasBackdrop: false,\n positionStrategy\n });\n\n if (!this.toastWrapperRef?.hasAttached()) {\n this.toastWrapperRef = this.overlay.create(config);\n this.toastWrapperRef.attach(this.userProfilePortal);\n }\n\n const messageId = this.data.updateMessage(finalMessage);\n this.messagePromises.push(\n new Promise((resolve) => {\n setTimeout(() => {\n resolve(this.data.removeMessage(messageId));\n if (!this.data.hasMessage()) {\n this.closeToastOverlay();\n }\n }, timeout + 300);\n })\n );\n Promise.race(this.messagePromises).then(() => {});\n }\n\n private closeToastOverlay(): any {\n return setTimeout(() => {\n this.messagePromises = [];\n this.toastWrapperRef?.detach();\n }, 300);\n }\n}\n","import { OverlayModule } from \"@angular/cdk/overlay\";\nimport { CommonModule } from \"@angular/common\";\nimport { ModuleWithProviders, NgModule } from \"@angular/core\";\nimport { ToastComponent } from \"./toast.component\";\nimport { ToastDataService } from \"./toast.data.service\";\nimport { ToastService } from \"./toast.service\";\n\n@NgModule({\n declarations: [ToastComponent],\n imports: [CommonModule, OverlayModule]\n})\nexport class ToastModule {\n static forRoot(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n\n static forChild(): ModuleWithProviders<ToastModule> {\n return {\n ngModule: ToastModule,\n providers: [ToastDataService, ToastService]\n };\n }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.ToastDataService","i2.ToastDataService"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mis-crystal-design-system",
|
|
3
|
-
"version": "18.0.13-test-
|
|
3
|
+
"version": "18.0.13-test-11",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"@angular/common": "*",
|
|
6
6
|
"@angular/core": "*",
|
|
@@ -34,30 +34,30 @@
|
|
|
34
34
|
"esm": "./esm2022/analytics/mis-crystal-design-system-analytics.mjs",
|
|
35
35
|
"default": "./fesm2022/mis-crystal-design-system-analytics.mjs"
|
|
36
36
|
},
|
|
37
|
-
"./checkbox": {
|
|
38
|
-
"types": "./checkbox/index.d.ts",
|
|
39
|
-
"esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
40
|
-
"esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
41
|
-
"default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
|
|
42
|
-
},
|
|
43
37
|
"./async-search-dropdown": {
|
|
44
38
|
"types": "./async-search-dropdown/index.d.ts",
|
|
45
39
|
"esm2022": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
|
|
46
40
|
"esm": "./esm2022/async-search-dropdown/mis-crystal-design-system-async-search-dropdown.mjs",
|
|
47
41
|
"default": "./fesm2022/mis-crystal-design-system-async-search-dropdown.mjs"
|
|
48
42
|
},
|
|
49
|
-
"./chip": {
|
|
50
|
-
"types": "./chip/index.d.ts",
|
|
51
|
-
"esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
52
|
-
"esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
53
|
-
"default": "./fesm2022/mis-crystal-design-system-chip.mjs"
|
|
54
|
-
},
|
|
55
43
|
"./button": {
|
|
56
44
|
"types": "./button/index.d.ts",
|
|
57
45
|
"esm2022": "./esm2022/button/mis-crystal-design-system-button.mjs",
|
|
58
46
|
"esm": "./esm2022/button/mis-crystal-design-system-button.mjs",
|
|
59
47
|
"default": "./fesm2022/mis-crystal-design-system-button.mjs"
|
|
60
48
|
},
|
|
49
|
+
"./checkbox": {
|
|
50
|
+
"types": "./checkbox/index.d.ts",
|
|
51
|
+
"esm2022": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
52
|
+
"esm": "./esm2022/checkbox/mis-crystal-design-system-checkbox.mjs",
|
|
53
|
+
"default": "./fesm2022/mis-crystal-design-system-checkbox.mjs"
|
|
54
|
+
},
|
|
55
|
+
"./chip": {
|
|
56
|
+
"types": "./chip/index.d.ts",
|
|
57
|
+
"esm2022": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
58
|
+
"esm": "./esm2022/chip/mis-crystal-design-system-chip.mjs",
|
|
59
|
+
"default": "./fesm2022/mis-crystal-design-system-chip.mjs"
|
|
60
|
+
},
|
|
61
61
|
"./datepicker_v2": {
|
|
62
62
|
"types": "./datepicker_v2/index.d.ts",
|
|
63
63
|
"esm2022": "./esm2022/datepicker_v2/mis-crystal-design-system-datepicker_v2.mjs",
|
|
@@ -232,18 +232,18 @@
|
|
|
232
232
|
"esm": "./esm2022/tooltip/mis-crystal-design-system-tooltip.mjs",
|
|
233
233
|
"default": "./fesm2022/mis-crystal-design-system-tooltip.mjs"
|
|
234
234
|
},
|
|
235
|
-
"./utils": {
|
|
236
|
-
"types": "./utils/index.d.ts",
|
|
237
|
-
"esm2022": "./esm2022/utils/mis-crystal-design-system-utils.mjs",
|
|
238
|
-
"esm": "./esm2022/utils/mis-crystal-design-system-utils.mjs",
|
|
239
|
-
"default": "./fesm2022/mis-crystal-design-system-utils.mjs"
|
|
240
|
-
},
|
|
241
235
|
"./virtual-scroll": {
|
|
242
236
|
"types": "./virtual-scroll/index.d.ts",
|
|
243
237
|
"esm2022": "./esm2022/virtual-scroll/mis-crystal-design-system-virtual-scroll.mjs",
|
|
244
238
|
"esm": "./esm2022/virtual-scroll/mis-crystal-design-system-virtual-scroll.mjs",
|
|
245
239
|
"default": "./fesm2022/mis-crystal-design-system-virtual-scroll.mjs"
|
|
246
240
|
},
|
|
241
|
+
"./utils": {
|
|
242
|
+
"types": "./utils/index.d.ts",
|
|
243
|
+
"esm2022": "./esm2022/utils/mis-crystal-design-system-utils.mjs",
|
|
244
|
+
"esm": "./esm2022/utils/mis-crystal-design-system-utils.mjs",
|
|
245
|
+
"default": "./fesm2022/mis-crystal-design-system-utils.mjs"
|
|
246
|
+
},
|
|
247
247
|
"./widgets": {
|
|
248
248
|
"types": "./widgets/index.d.ts",
|
|
249
249
|
"esm2022": "./esm2022/widgets/mis-crystal-design-system-widgets.mjs",
|
|
@@ -15,7 +15,7 @@ export declare class TableFilterComponent implements OnInit {
|
|
|
15
15
|
updateFilter(data: any): void;
|
|
16
16
|
getFiltersBasedOnSearchValue(): Filter[] | any;
|
|
17
17
|
getCheckedFilters(): Filter[] | any;
|
|
18
|
-
mySort: (a: Filter | any, b: Filter | any) =>
|
|
18
|
+
mySort: (a: Filter | any, b: Filter | any) => 1 | -1 | 0;
|
|
19
19
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableFilterComponent, never>;
|
|
20
20
|
static ɵcmp: i0.ɵɵComponentDeclaration<TableFilterComponent, "mis-table-filter", never, { "filtersData": { "alias": "filtersData"; "required": false; }; "containerStyles": { "alias": "containerStyles"; "required": false; }; }, { "filtersApplied": "filtersApplied"; }, never, never, false, never>;
|
|
21
21
|
}
|
|
@@ -4,7 +4,8 @@ import { SortState } from './sort-icons.directive';
|
|
|
4
4
|
import * as i0 from "@angular/core";
|
|
5
5
|
export declare class TableComponent implements OnInit, AfterViewInit, OnChanges {
|
|
6
6
|
private renderer;
|
|
7
|
-
activeRowIndex: number;
|
|
7
|
+
activeRowIndex: number[];
|
|
8
|
+
hasCheckboxActions: boolean;
|
|
8
9
|
showFilter: boolean;
|
|
9
10
|
filterName: string;
|
|
10
11
|
filterData: Array<Filter>;
|
|
@@ -61,6 +62,7 @@ export declare class TableComponent implements OnInit, AfterViewInit, OnChanges
|
|
|
61
62
|
};
|
|
62
63
|
onSortChange(sortState: SortState): void;
|
|
63
64
|
getActionsCellStyle(style: any): any;
|
|
65
|
+
onActionClick(event: any, rowIndex: number): void;
|
|
64
66
|
static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
|
|
65
67
|
static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "mis-table", never, { "config": { "alias": "tableConfig"; "required": false; }; "subTableconfig": { "alias": "subTableconfig"; "required": false; }; "tableDataLoading": { "alias": "tableDataLoading"; "required": false; }; "expandedIndex": { "alias": "expandedIndex"; "required": false; }; "tableData": { "alias": "tableData"; "required": false; }; "subTableData": { "alias": "subTableData"; "required": false; }; "subTableDataLoading": { "alias": "subTableDataLoading"; "required": false; }; }, { "filtersUpdated": "filtersUpdated"; "pageSelected": "pageSelected"; "sortChange": "sortChange"; }, never, never, false, never>;
|
|
66
68
|
}
|
|
@@ -1,8 +1,24 @@
|
|
|
1
|
+
import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
|
|
1
2
|
import { ToastDataService } from "./toast.data.service";
|
|
3
|
+
import { ToastState } from "./toast.interface";
|
|
2
4
|
import * as i0 from "@angular/core";
|
|
3
5
|
export declare class ToastComponent {
|
|
4
6
|
data: ToastDataService;
|
|
5
|
-
|
|
7
|
+
private sanitizer;
|
|
8
|
+
constructor(data: ToastDataService, sanitizer: DomSanitizer);
|
|
9
|
+
getMessage(toast: string | {
|
|
10
|
+
text: string;
|
|
11
|
+
state?: ToastState;
|
|
12
|
+
}): string;
|
|
13
|
+
getToastState(toast: string | {
|
|
14
|
+
text: string;
|
|
15
|
+
state?: ToastState;
|
|
16
|
+
}): ToastState | undefined;
|
|
17
|
+
shouldShowIcon(toast: string | {
|
|
18
|
+
text: string;
|
|
19
|
+
state?: ToastState;
|
|
20
|
+
}): boolean;
|
|
21
|
+
getStateIcon(state: ToastState | undefined): SafeHtml;
|
|
6
22
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
|
|
7
23
|
static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "mis-teams-toast", never, {}, {}, never, never, false, never>;
|
|
8
24
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
+
import { ToastMessage } from "./toast.interface";
|
|
1
2
|
import * as i0 from "@angular/core";
|
|
2
3
|
export declare class ToastDataService {
|
|
3
4
|
private messageMap;
|
|
4
|
-
get messages(): string[];
|
|
5
|
+
get messages(): (ToastMessage | string)[];
|
|
5
6
|
constructor();
|
|
6
|
-
updateMessage(msg: string): number;
|
|
7
|
+
updateMessage(msg: ToastMessage | string): number;
|
|
7
8
|
removeMessage(id: number): void;
|
|
8
9
|
hasMessage(): boolean;
|
|
9
10
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToastDataService, never>;
|
package/toast/toast.service.d.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { Overlay } from "@angular/cdk/overlay";
|
|
2
2
|
import { ToastDataService } from "./toast.data.service";
|
|
3
|
+
import { ToastState } from "./toast.interface";
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
type Operations = "created" | "updated" | "deleted" | "create" | "update" | "delete";
|
|
5
6
|
export declare class ToastService {
|
|
@@ -30,7 +31,7 @@ export declare class ToastService {
|
|
|
30
31
|
simple: (...args: string[]) => string;
|
|
31
32
|
simplest: string;
|
|
32
33
|
};
|
|
33
|
-
displayMsg(
|
|
34
|
+
displayMsg(message: string, timeout?: number, state?: ToastState): void;
|
|
34
35
|
private closeToastOverlay;
|
|
35
36
|
static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
|
|
36
37
|
static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
|