@softpak/components 0.0.0-beta.11 → 0.0.0-beta.12
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/spx-alert/spx-alert.component.mjs +5 -3
- package/esm2022/spx-toaster/src/spx-toaster.component.mjs +13 -8
- package/fesm2022/softpak-components-spx-alert.mjs +4 -2
- package/fesm2022/softpak-components-spx-alert.mjs.map +1 -1
- package/fesm2022/softpak-components-spx-toaster.mjs +12 -7
- package/fesm2022/softpak-components-spx-toaster.mjs.map +1 -1
- package/package.json +13 -13
- package/spx-toaster/src/spx-toaster.component.d.ts +1 -1
|
@@ -85,7 +85,8 @@ export class SpxAlertComponent {
|
|
|
85
85
|
[class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
|
|
86
86
|
[class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
87
87
|
[class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
|
|
88
|
-
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
88
|
+
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
89
|
+
(click)="onClose()">
|
|
89
90
|
<fa-icon
|
|
90
91
|
*ngIf="this.isSeverityInfo"
|
|
91
92
|
[icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
|
|
@@ -146,7 +147,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
146
147
|
[class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
|
|
147
148
|
[class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
148
149
|
[class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
|
|
149
|
-
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
150
|
+
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
151
|
+
(click)="onClose()">
|
|
150
152
|
<fa-icon
|
|
151
153
|
*ngIf="this.isSeverityInfo"
|
|
152
154
|
[icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
|
|
@@ -188,4 +190,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
188
190
|
}], tick: [{
|
|
189
191
|
type: Input
|
|
190
192
|
}] } });
|
|
191
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
193
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LWFsZXJ0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NvZnRwYWsvY29tcG9uZW50cy9zcHgtYWxlcnQvc3B4LWFsZXJ0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsWUFBWSxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0NBQWtDLENBQUM7QUFDckUsT0FBTyxFQUFFLE9BQU8sRUFBRSxZQUFZLEVBQUUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDMUcsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLGlDQUFpQyxDQUFDOzs7O0FBOERsRSxNQUFNLE9BQU8saUJBQWlCO0lBNUQ5QjtRQThEWSxhQUFRLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFFekQsaUJBQVksR0FBSSxLQUFLLENBQUM7UUFDdEIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsaUJBQVksR0FBRyxLQUFLLENBQUM7UUFFckIsU0FBSSxHQUFHLEVBQUUsQ0FBQztRQU1uQixZQUFPLEdBQUcsT0FBTyxDQUFDO1FBQ2xCLGlCQUFZLEdBQUcsWUFBWSxDQUFDO1FBQzVCLDBCQUFxQixHQUFHLHFCQUFxQixDQUFDO1FBQzlDLFlBQU8sR0FBRyxPQUFPLENBQUM7S0F5Q25CO0lBaERDLElBQUksZUFBZSxLQUFLLE9BQU8sSUFBSSxDQUFDLFdBQVcsS0FBSyxlQUFlLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQztJQUM1RSxJQUFJLGNBQWMsS0FBSyxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUM7SUFDMUUsSUFBSSxpQkFBaUIsS0FBSyxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFDaEYsSUFBSSxpQkFBaUIsS0FBSyxPQUFPLElBQUksQ0FBQyxXQUFXLEtBQUssZUFBZSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUM7SUFNaEYsZ0JBQWdCO1FBQ2QsSUFBSSxJQUFJLENBQUMsWUFBWSxFQUFFLENBQUM7WUFDdEIsSUFBSSxDQUFDLGdCQUFnQixFQUFFLENBQUM7UUFDMUIsQ0FBQztRQUNELElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDbkIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7UUFDN0IsQ0FBQztJQUNILENBQUM7SUFFTyxnQkFBZ0I7UUFDdEIsSUFBSSxDQUFDLGlCQUFpQixHQUFHLFVBQVUsQ0FBQyxHQUFHLEVBQUU7WUFDdkMsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLGlCQUFpQixHQUFHLElBQUksQ0FBQztZQUM5QixJQUFJLENBQUMsSUFBSSxHQUFHLEVBQUUsQ0FBQztRQUNqQixDQUFDLEVBQUUsSUFBSSxDQUFDLFlBQVksQ0FBQyxDQUFDO0lBQ3hCLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsUUFBUSxJQUFJLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDekIsS0FBSyxlQUFlLENBQUMsS0FBSztnQkFDeEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxPQUFPLENBQUM7Z0JBQ3hCLE1BQU07WUFDUixLQUFLLGVBQWUsQ0FBQyxJQUFJO2dCQUN2QixJQUFJLENBQUMsUUFBUSxHQUFHLE1BQU0sQ0FBQztnQkFDdkIsTUFBTTtZQUNSLEtBQUssZUFBZSxDQUFDLE9BQU87Z0JBQzFCLElBQUksQ0FBQyxRQUFRLEdBQUcsY0FBYyxDQUFDO2dCQUMvQixNQUFNO1lBQ1IsS0FBSyxlQUFlLENBQUMsT0FBTztnQkFDMUIsSUFBSSxDQUFDLFFBQVEsR0FBRyxTQUFTLENBQUM7Z0JBQzFCLE1BQU07UUFDVixDQUFDO0lBQ0gsQ0FBQztJQUVELE9BQU87UUFDTCxJQUFJLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQztZQUN0QixJQUFJLENBQUMsUUFBUSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3ZCLENBQUM7SUFDSCxDQUFDOzhHQTFEVSxpQkFBaUI7a0dBQWpCLGlCQUFpQiw0U0FwRGxCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtEVCwyREF0REMsWUFBWSxrSUFDWixpQkFBaUI7OzJGQXVEUixpQkFBaUI7a0JBNUQ3QixTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxXQUFXO29CQUNyQixVQUFVLEVBQUUsSUFBSTtvQkFDaEIsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osaUJBQWlCO3dCQUNqQixJQUFJO3FCQUNMO29CQUNELFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FrRFQ7aUJBQ0Y7OEJBR1csUUFBUTtzQkFBakIsTUFBTTtnQkFDRSxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21tb25Nb2R1bGUsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEZvbnRBd2Vzb21lTW9kdWxlIH0gZnJvbSAnQGZvcnRhd2Vzb21lL2FuZ3VsYXItZm9udGF3ZXNvbWUnO1xuaW1wb3J0IHsgZmFDaGVjaywgZmFDaXJjbGVJbmZvLCBmYVRpbWVzLCBmYVRyaWFuZ2xlRXhjbGFtYXRpb24gfSBmcm9tICdAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnMnO1xuaW1wb3J0IHsgU3B4U2V2ZXJpdHlFbnVtIH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtaGVscGVycyc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NweC1hbGVydCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgRm9udEF3ZXNvbWVNb2R1bGUsXG4gICAgTmdJZixcbiAgXSxcbiAgdGVtcGxhdGU6IGBcbiAgPGRpdiBjbGFzcz1cImZsZXggaXRlbXMtY2VudGVyIGdhcC0zIGJvcmRlci10LTQgcm91bmRlZCBweC00IHB5LTMgc2hhZG93LW1kXCJcbiAgICBbY2xhc3MuY3Vyc29yLXBvaW50ZXJdPVwidGhpcy5zcHhDbG9zZWFibGVcIlxuICAgIFtjbGFzcy5iZy1yZWQtMTAwXT1cInRoaXMuaXNTZXZlcml0eUVycm9yXCJcbiAgICBbY2xhc3MuYm9yZGVyLXJlZC01MDBdPVwidGhpcy5pc1NldmVyaXR5RXJyb3JcIlxuICAgIFtjbGFzcy50ZXh0LXJlZC05MDBdPVwidGhpcy5pc1NldmVyaXR5RXJyb3JcIlxuICAgIFtjbGFzcy5iZy1jeWFuLTEwMF09XCJ0aGlzLmlzU2V2ZXJpdHlJbmZvXCJcbiAgICBbY2xhc3MuYm9yZGVyLWN5YW4tNTAwXT1cInRoaXMuaXNTZXZlcml0eUluZm9cIlxuICAgIFtjbGFzcy50ZXh0LWN5YW4tOTAwXT1cInRoaXMuaXNTZXZlcml0eUluZm9cIlxuICAgIFtjbGFzcy5iZy1saW1lLTEwMF09XCJ0aGlzLmlzU2V2ZXJpdHlTdWNjZXNzXCJcbiAgICBbY2xhc3MuYm9yZGVyLWxpbWUtNTAwXT1cInRoaXMuaXNTZXZlcml0eVN1Y2Nlc3NcIlxuICAgIFtjbGFzcy50ZXh0LWxpbWUtOTAwXT1cInRoaXMuaXNTZXZlcml0eVN1Y2Nlc3NcIlxuICAgIFtjbGFzcy5iZy1hbWJlci0xMDBdPVwidGhpcy5pc1NldmVyaXR5V2FybmluZ1wiXG4gICAgW2NsYXNzLmJvcmRlci1hbWJlci01MDBdPVwidGhpcy5pc1NldmVyaXR5V2FybmluZ1wiXG4gICAgW2NsYXNzLnRleHQtYW1iZXItOTAwXT1cInRoaXMuaXNTZXZlcml0eVdhcm5pbmdcIlxuICAgIFtjbGFzcy5mb2N1czpyaW5nLXJlZC02MDBdPVwidGhpcy5zcHhDbG9zZWFibGUgJiYgdGhpcy5pc1NldmVyaXR5RXJyb3JcIlxuICAgIFtjbGFzcy5ob3ZlcjpiZy1yZWQtMjAwXT1cInRoaXMuc3B4Q2xvc2VhYmxlICYmIHRoaXMuaXNTZXZlcml0eUVycm9yXCJcbiAgICBbY2xhc3Mub3Zlcjpib3JkZXItcmVkLTYwMF09XCJ0aGlzLnNweENsb3NlYWJsZSAmJiB0aGlzLmlzU2V2ZXJpdHlFcnJvclwiXG4gICAgW2NsYXNzLmZvY3VzOnJpbmctY3lhbi02MDBdPVwidGhpcy5zcHhDbG9zZWFibGUgJiYgdGhpcy5pc1NldmVyaXR5SW5mb1wiXG4gICAgW2NsYXNzLmhvdmVyOmJnLWN5YW4tMjAwXT1cInRoaXMuc3B4Q2xvc2VhYmxlICYmIHRoaXMuaXNTZXZlcml0eUluZm9cIlxuICAgIFtjbGFzcy5vdmVyOmJvcmRlci1jeWFuLTYwMF09XCJ0aGlzLnNweENsb3NlYWJsZSAmJiB0aGlzLmlzU2V2ZXJpdHlJbmZvXCJcbiAgICBbY2xhc3MuZm9jdXM6cmluZy1saW1lLTYwMF09XCJ0aGlzLnNweENsb3NlYWJsZSAmJiB0aGlzLmlzU2V2ZXJpdHlTdWNjZXNzXCJcbiAgICBbY2xhc3MuaG92ZXI6YmctbGltZS0yMDBdPVwidGhpcy5zcHhDbG9zZWFibGUgJiYgdGhpcy5pc1NldmVyaXR5U3VjY2Vzc1wiXG4gICAgW2NsYXNzLm92ZXI6Ym9yZGVyLWxpbWUtNjAwXT1cInRoaXMuc3B4Q2xvc2VhYmxlICYmIHRoaXMuaXNTZXZlcml0eVN1Y2Nlc3NcIlxuICAgIFtjbGFzcy5mb2N1czpyaW5nLWFtYmVyLTYwMF09XCJ0aGlzLnNweENsb3NlYWJsZSAmJiB0aGlzLmlzU2V2ZXJpdHlXYXJuaW5nXCJcbiAgICBbY2xhc3MuaG92ZXI6YmctYW1iZXItMjAwXT1cInRoaXMuc3B4Q2xvc2VhYmxlICYmIHRoaXMuaXNTZXZlcml0eVdhcm5pbmdcIlxuICAgIFtjbGFzcy5vdmVyOmJvcmRlci1hbWJlci02MDBdPVwidGhpcy5zcHhDbG9zZWFibGUgJiYgdGhpcy5pc1NldmVyaXR5V2FybmluZ1wiXG4gICAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiPlxuICAgICAgPGZhLWljb25cbiAgICAgICAgKm5nSWY9XCJ0aGlzLmlzU2V2ZXJpdHlJbmZvXCJcbiAgICAgICAgW2ljb25dPVwiZmFDaXJjbGVJbmZvXCIgY2xhc3M9XCJibG9jayB0ZXh0LXhsIHRleHQtY3lhbi02MDBcIj48L2ZhLWljb24+XG4gICAgICA8ZmEtaWNvblxuICAgICAgICAqbmdJZj1cInRoaXMuaXNTZXZlcml0eUVycm9yXCJcbiAgICAgICAgW2ljb25dPVwiZmFUcmlhbmdsZUV4Y2xhbWF0aW9uXCIgY2xhc3M9XCJibG9jayB0ZXh0LXhsIHRleHQtcmVkLTYwMFwiPjwvZmEtaWNvbj5cbiAgICAgIDxmYS1pY29uXG4gICAgICAgICpuZ0lmPVwidGhpcy5pc1NldmVyaXR5U3VjY2Vzc1wiXG4gICAgICAgIFtpY29uXT1cImZhQ2hlY2tcIiBjbGFzcz1cImJsb2NrIHRleHQteGwgdGV4dC1saW1lLTYwMFwiPjwvZmEtaWNvbj5cbiAgICAgIDxmYS1pY29uXG4gICAgICAgICpuZ0lmPVwidGhpcy5pc1NldmVyaXR5V2FybmluZ1wiXG4gICAgICAgIFtpY29uXT1cImZhVHJpYW5nbGVFeGNsYW1hdGlvblwiIGNsYXNzPVwiYmxvY2sgdGV4dC14bCB0ZXh0LWFtYmVyLTYwMFwiPjwvZmEtaWNvbj5cbiAgICAgIDxkaXYgY2xhc3M9XCJncm93XCI+XG4gICAgICAgIDxwICpuZ0lmPVwidGhpcy5zcHhUaXRsZSAmJiAhdGhpcy5zcHhIaWRlVGl0bGVcIiBjbGFzcz1cImZvbnQtYm9sZFwiPnt7dGhpcy5zcHhUaXRsZX19PC9wPlxuICAgICAgICA8cCBjbGFzcz1cInRleHQtc21cIj5cbiAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvcD5cbiAgICAgIDwvZGl2PlxuICAgICAgPGZhLWljb25cbiAgICAgICAgKm5nSWY9XCJ0aGlzLnNweENsb3NlYWJsZVwiXG4gICAgICAgIFtpY29uXT1cImZhVGltZXNcIiBjbGFzcz1cImJsb2NrIHRleHQteGxcIj48L2ZhLWljb24+XG4gICAgPC9kaXY+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIFNweEFsZXJ0Q29tcG9uZW50IHtcbiAgX2F1dG9DbG9zZVRpbWVvdXQ6IGFueTtcbiAgQE91dHB1dCgpIHNweENsb3NlOiBFdmVudEVtaXR0ZXI8dm9pZD4gPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG4gIEBJbnB1dCgpIHNweEF1dG9jbG9zZT86IG51bWJlcjtcbiAgQElucHV0KCkgc3B4Q2xvc2VhYmxlPyA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhIaWRlVGl0bGUgPSBmYWxzZTtcbiAgQElucHV0KCkgc3B4VGl0bGU/OiBzdHJpbmc7XG4gIEBJbnB1dCgpIHNweE1hcmdpblRvcCA9IGZhbHNlO1xuICBASW5wdXQoKSBzcHhTZXZlcml0eT86IFNweFNldmVyaXR5RW51bTtcbiAgQElucHV0KCkgdGljayA9IHt9O1xuXG4gIGdldCBpc1NldmVyaXR5RXJyb3IoKSB7IHJldHVybiB0aGlzLnNweFNldmVyaXR5ID09PSBTcHhTZXZlcml0eUVudW0uZXJyb3I7IH1cbiAgZ2V0IGlzU2V2ZXJpdHlJbmZvKCkgeyByZXR1cm4gdGhpcy5zcHhTZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLmluZm87IH1cbiAgZ2V0IGlzU2V2ZXJpdHlTdWNjZXNzKCkgeyByZXR1cm4gdGhpcy5zcHhTZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLnN1Y2Nlc3M7IH1cbiAgZ2V0IGlzU2V2ZXJpdHlXYXJuaW5nKCkgeyByZXR1cm4gdGhpcy5zcHhTZXZlcml0eSA9PT0gU3B4U2V2ZXJpdHlFbnVtLndhcm5pbmc7IH1cbiAgZmFDaGVjayA9IGZhQ2hlY2s7XG4gIGZhQ2lyY2xlSW5mbyA9IGZhQ2lyY2xlSW5mbztcbiAgZmFUcmlhbmdsZUV4Y2xhbWF0aW9uID0gZmFUcmlhbmdsZUV4Y2xhbWF0aW9uO1xuICBmYVRpbWVzID0gZmFUaW1lcztcblxuICBjb21wb25lbnREaWRMb2FkKCkge1xuICAgIGlmICh0aGlzLnNweEF1dG9jbG9zZSkge1xuICAgICAgdGhpcy5wcmVwYXJlQXV0b0Nsb3NlKCk7XG4gICAgfVxuICAgIGlmICghdGhpcy5zcHhUaXRsZSkge1xuICAgICAgdGhpcy5fYXNzaWduRGVmYXVsdFRpdGxlKCk7XG4gICAgfVxuICB9XG5cbiAgcHJpdmF0ZSBwcmVwYXJlQXV0b0Nsb3NlKCk6IHZvaWQge1xuICAgIHRoaXMuX2F1dG9DbG9zZVRpbWVvdXQgPSBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgIHRoaXMub25DbG9zZSgpO1xuICAgICAgdGhpcy5fYXV0b0Nsb3NlVGltZW91dCA9IG51bGw7XG4gICAgICB0aGlzLnRpY2sgPSB7fTtcbiAgICB9LCB0aGlzLnNweEF1dG9jbG9zZSk7XG4gIH1cblxuICBwcml2YXRlIF9hc3NpZ25EZWZhdWx0VGl0bGUoKTogdm9pZCB7XG4gICAgc3dpdGNoICh0aGlzLnNweFNldmVyaXR5KSB7XG4gICAgICBjYXNlIFNweFNldmVyaXR5RW51bS5lcnJvcjpcbiAgICAgICAgdGhpcy5zcHhUaXRsZSA9ICdFcnJvcic7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBTcHhTZXZlcml0eUVudW0uaW5mbzpcbiAgICAgICAgdGhpcy5zcHhUaXRsZSA9ICdJbmZvJztcbiAgICAgICAgYnJlYWs7XG4gICAgICBjYXNlIFNweFNldmVyaXR5RW51bS5zdWNjZXNzOlxuICAgICAgICB0aGlzLnNweFRpdGxlID0gJ05vdGlmaWNhdGlvbic7XG4gICAgICAgIGJyZWFrO1xuICAgICAgY2FzZSBTcHhTZXZlcml0eUVudW0ud2FybmluZzpcbiAgICAgICAgdGhpcy5zcHhUaXRsZSA9ICdXYXJuaW5nJztcbiAgICAgICAgYnJlYWs7XG4gICAgfVxuICB9XG5cbiAgb25DbG9zZSgpIHtcbiAgICBpZiAodGhpcy5zcHhDbG9zZWFibGUpIHtcbiAgICAgIHRoaXMuc3B4Q2xvc2UuZW1pdCgpO1xuICAgIH1cbiAgfVxufVxuIl19
|
|
@@ -7,7 +7,7 @@ export class SpxToasterComponent {
|
|
|
7
7
|
this.hostClass = true;
|
|
8
8
|
this.spxClose = new EventEmitter();
|
|
9
9
|
}
|
|
10
|
-
|
|
10
|
+
handleClose(id) {
|
|
11
11
|
this.spxClose.emit(id);
|
|
12
12
|
}
|
|
13
13
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -21,12 +21,14 @@ export class SpxToasterComponent {
|
|
|
21
21
|
[spxCloseable]="message.closeable"
|
|
22
22
|
[spxSeverity]="message.severity"
|
|
23
23
|
[spxTitle]="message.title"
|
|
24
|
-
(spxClose)="
|
|
25
|
-
</div>`, isInline: true,
|
|
24
|
+
(spxClose)="handleClose(message.id)">{{message.message}}</spx-alert>
|
|
25
|
+
</div>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity", "tick"], outputs: ["spxClose"] }] }); }
|
|
26
26
|
}
|
|
27
27
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, decorators: [{
|
|
28
28
|
type: Component,
|
|
29
|
-
args: [{
|
|
29
|
+
args: [{
|
|
30
|
+
selector: 'spx-toaster',
|
|
31
|
+
template: `
|
|
30
32
|
<div
|
|
31
33
|
*ngIf="messages && messages.length > 0"
|
|
32
34
|
class="flex flex-col gap-3 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
|
|
@@ -36,12 +38,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
36
38
|
[spxCloseable]="message.closeable"
|
|
37
39
|
[spxSeverity]="message.severity"
|
|
38
40
|
[spxTitle]="message.title"
|
|
39
|
-
(spxClose)="
|
|
40
|
-
</div>`,
|
|
41
|
+
(spxClose)="handleClose(message.id)">{{message.message}}</spx-alert>
|
|
42
|
+
</div>`,
|
|
43
|
+
standalone: true,
|
|
44
|
+
imports: [
|
|
41
45
|
NgIf,
|
|
42
46
|
NgFor,
|
|
43
47
|
SpxAlertComponent,
|
|
44
|
-
],
|
|
48
|
+
],
|
|
49
|
+
}]
|
|
45
50
|
}], propDecorators: { hostClass: [{
|
|
46
51
|
type: HostBinding,
|
|
47
52
|
args: ['class.spx-toasts-displayer']
|
|
@@ -50,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
50
55
|
}], spxClose: [{
|
|
51
56
|
type: Output
|
|
52
57
|
}] } });
|
|
53
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3B4LXRvYXN0ZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvc29mdHBhay9jb21wb25lbnRzL3NweC10b2FzdGVyL3NyYy9zcHgtdG9hc3Rlci5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNILFNBQVMsRUFDVCxZQUFZLEVBQ1osV0FBVyxFQUNYLEtBQUssRUFDTCxNQUFNLEVBQ1QsTUFBTSxlQUFlLENBQUM7QUFFdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbEUsT0FBTyxFQUFFLEtBQUssRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUF1QjlDLE1BQU0sT0FBTyxtQkFBbUI7SUFyQmhDO1FBc0IrQyxjQUFTLEdBQUcsSUFBSSxDQUFDO1FBRWxELGFBQVEsR0FBeUIsSUFBSSxZQUFZLEVBQVUsQ0FBQztLQU16RTtJQUpVLFdBQVcsQ0FBQyxFQUFVO1FBQ3pCLElBQUksQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLEVBQUUsQ0FBQyxDQUFDO0lBQzNCLENBQUM7OEdBUFEsbUJBQW1CO2tHQUFuQixtQkFBbUIsc05BbkJsQjs7Ozs7Ozs7Ozs7V0FXSCw0REFHSCxJQUFJLDZGQUNKLEtBQUssbUhBQ0wsaUJBQWlCOzsyRkFHWixtQkFBbUI7a0JBckIvQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSxhQUFhO29CQUN2QixRQUFRLEVBQUU7Ozs7Ozs7Ozs7O1dBV0g7b0JBQ1AsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLE9BQU8sRUFBRTt3QkFDTCxJQUFJO3dCQUNKLEtBQUs7d0JBQ0wsaUJBQWlCO3FCQUNwQjtpQkFDSjs4QkFFOEMsU0FBUztzQkFBbkQsV0FBVzt1QkFBQyw0QkFBNEI7Z0JBQ2hDLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0ksUUFBUTtzQkFBakIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgQ29tcG9uZW50LFxuICAgIEV2ZW50RW1pdHRlcixcbiAgICBIb3N0QmluZGluZyxcbiAgICBJbnB1dCxcbiAgICBPdXRwdXRcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTcHhUb2FzdGVyTWVzc2FnZUkgfSBmcm9tICcuL3NweC10b2FzdGVyLW1lc3NhZ2UuaW50ZXJmYWNlJztcbmltcG9ydCB7IFNweEFsZXJ0Q29tcG9uZW50IH0gZnJvbSAnQHNvZnRwYWsvY29tcG9uZW50cy9zcHgtYWxlcnQnO1xuaW1wb3J0IHsgTmdGb3IsIE5nSWYgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3NweC10b2FzdGVyJyxcbiAgICB0ZW1wbGF0ZTogYFxuICAgIDxkaXYgXG4gICAgICAgICpuZ0lmPVwibWVzc2FnZXMgJiYgbWVzc2FnZXMubGVuZ3RoID4gMFwiXG4gICAgICAgIGNsYXNzPVwiZmxleCBmbGV4LWNvbCBnYXAtMyBmaXhlZCBib3R0b20tMTYgbGVmdC0wIHJpZ2h0LTAgbXgtYXV0byBweC0zIHotNTBcIj5cbiAgICAgICAgPHNweC1hbGVydFxuICAgICAgICAgICAgKm5nRm9yPVwibGV0IG1lc3NhZ2Ugb2YgbWVzc2FnZXNcIlxuICAgICAgICAgICAgW3NweEF1dG9jbG9zZV09XCJtZXNzYWdlLmF1dG9DbG9zZVwiXG4gICAgICAgICAgICBbc3B4Q2xvc2VhYmxlXT1cIm1lc3NhZ2UuY2xvc2VhYmxlXCJcbiAgICAgICAgICAgIFtzcHhTZXZlcml0eV09XCJtZXNzYWdlLnNldmVyaXR5XCJcbiAgICAgICAgICAgIFtzcHhUaXRsZV09XCJtZXNzYWdlLnRpdGxlXCJcbiAgICAgICAgICAgIChzcHhDbG9zZSk9XCJoYW5kbGVDbG9zZShtZXNzYWdlLmlkKVwiPnt7bWVzc2FnZS5tZXNzYWdlfX08L3NweC1hbGVydD5cbiAgICA8L2Rpdj5gLFxuICAgIHN0YW5kYWxvbmU6IHRydWUsXG4gICAgaW1wb3J0czogW1xuICAgICAgICBOZ0lmLFxuICAgICAgICBOZ0ZvcixcbiAgICAgICAgU3B4QWxlcnRDb21wb25lbnQsXG4gICAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU3B4VG9hc3RlckNvbXBvbmVudCB7XG4gICAgQEhvc3RCaW5kaW5nKCdjbGFzcy5zcHgtdG9hc3RzLWRpc3BsYXllcicpIGhvc3RDbGFzcyA9IHRydWU7XG4gICAgQElucHV0KCkgbWVzc2FnZXMhOiBTcHhUb2FzdGVyTWVzc2FnZUlbXTtcbiAgICBAT3V0cHV0KCkgc3B4Q2xvc2U6IEV2ZW50RW1pdHRlcjxudW1iZXI+ID0gbmV3IEV2ZW50RW1pdHRlcjxudW1iZXI+KCk7XG5cbiAgICBwdWJsaWMgaGFuZGxlQ2xvc2UoaWQ6IG51bWJlcikge1xuICAgICAgICB0aGlzLnNweENsb3NlLmVtaXQoaWQpO1xuICAgIH1cblxufVxuIl19
|
|
@@ -86,7 +86,8 @@ class SpxAlertComponent {
|
|
|
86
86
|
[class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
|
|
87
87
|
[class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
88
88
|
[class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
|
|
89
|
-
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
89
|
+
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
90
|
+
(click)="onClose()">
|
|
90
91
|
<fa-icon
|
|
91
92
|
*ngIf="this.isSeverityInfo"
|
|
92
93
|
[icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
|
|
@@ -147,7 +148,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
147
148
|
[class.over:border-lime-600]="this.spxCloseable && this.isSeveritySuccess"
|
|
148
149
|
[class.focus:ring-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
149
150
|
[class.hover:bg-amber-200]="this.spxCloseable && this.isSeverityWarning"
|
|
150
|
-
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
151
|
+
[class.over:border-amber-600]="this.spxCloseable && this.isSeverityWarning"
|
|
152
|
+
(click)="onClose()">
|
|
151
153
|
<fa-icon
|
|
152
154
|
*ngIf="this.isSeverityInfo"
|
|
153
155
|
[icon]="faCircleInfo" class="block text-xl text-cyan-600"></fa-icon>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"softpak-components-spx-alert.mjs","sources":["../../../../projects/softpak/components/spx-alert/spx-alert.component.ts","../../../../projects/softpak/components/spx-alert/spx-alert.interface.ts","../../../../projects/softpak/components/spx-alert/softpak-components-spx-alert.ts"],"sourcesContent":["import { CommonModule, NgIf } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { faCheck, faCircleInfo, faTimes, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\n\n@Component({\n selector: 'spx-alert',\n standalone: true,\n imports: [\n CommonModule,\n FontAwesomeModule,\n NgIf,\n ],\n template: `\n <div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\n [class.cursor-pointer]=\"this.spxCloseable\"\n [class.bg-red-100]=\"this.isSeverityError\"\n [class.border-red-500]=\"this.isSeverityError\"\n [class.text-red-900]=\"this.isSeverityError\"\n [class.bg-cyan-100]=\"this.isSeverityInfo\"\n [class.border-cyan-500]=\"this.isSeverityInfo\"\n [class.text-cyan-900]=\"this.isSeverityInfo\"\n [class.bg-lime-100]=\"this.isSeveritySuccess\"\n [class.border-lime-500]=\"this.isSeveritySuccess\"\n [class.text-lime-900]=\"this.isSeveritySuccess\"\n [class.bg-amber-100]=\"this.isSeverityWarning\"\n [class.border-amber-500]=\"this.isSeverityWarning\"\n [class.text-amber-900]=\"this.isSeverityWarning\"\n [class.focus:ring-red-600]=\"this.spxCloseable && this.isSeverityError\"\n [class.hover:bg-red-200]=\"this.spxCloseable && this.isSeverityError\"\n [class.over:border-red-600]=\"this.spxCloseable && this.isSeverityError\"\n [class.focus:ring-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\n [class.hover:bg-cyan-200]=\"this.spxCloseable && this.isSeverityInfo\"\n [class.over:border-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\n [class.focus:ring-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\n [class.hover:bg-lime-200]=\"this.spxCloseable && this.isSeveritySuccess\"\n [class.over:border-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\n [class.focus:ring-amber-600]=\"this.spxCloseable && this.isSeverityWarning\"\n [class.hover:bg-amber-200]=\"this.spxCloseable && this.isSeverityWarning\"\n [class.over:border-amber-600]=\"this.spxCloseable && this.isSeverityWarning\">\n <fa-icon\n *ngIf=\"this.isSeverityInfo\"\n [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeverityError\"\n [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeveritySuccess\"\n [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeverityWarning\"\n [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\n <div class=\"grow\">\n <p *ngIf=\"this.spxTitle && !this.spxHideTitle\" class=\"font-bold\">{{this.spxTitle}}</p>\n <p class=\"text-sm\">\n <ng-content></ng-content>\n </p>\n </div>\n <fa-icon\n *ngIf=\"this.spxCloseable\"\n [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\n </div>\n `,\n})\nexport class SpxAlertComponent {\n _autoCloseTimeout: any;\n @Output() spxClose: EventEmitter<void> = new EventEmitter<void>();\n @Input() spxAutoclose?: number;\n @Input() spxCloseable? = false;\n @Input() spxHideTitle = false;\n @Input() spxTitle?: string;\n @Input() spxMarginTop = false;\n @Input() spxSeverity?: SpxSeverityEnum;\n @Input() tick = {};\n\n get isSeverityError() { return this.spxSeverity === SpxSeverityEnum.error; }\n get isSeverityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }\n get isSeveritySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }\n get isSeverityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }\n faCheck = faCheck;\n faCircleInfo = faCircleInfo;\n faTriangleExclamation = faTriangleExclamation;\n faTimes = faTimes;\n\n componentDidLoad() {\n if (this.spxAutoclose) {\n this.prepareAutoClose();\n }\n if (!this.spxTitle) {\n this._assignDefaultTitle();\n }\n }\n\n private prepareAutoClose(): void {\n this._autoCloseTimeout = setTimeout(() => {\n this.onClose();\n this._autoCloseTimeout = null;\n this.tick = {};\n }, this.spxAutoclose);\n }\n\n private _assignDefaultTitle(): void {\n switch (this.spxSeverity) {\n case SpxSeverityEnum.error:\n this.spxTitle = 'Error';\n break;\n case SpxSeverityEnum.info:\n this.spxTitle = 'Info';\n break;\n case SpxSeverityEnum.success:\n this.spxTitle = 'Notification';\n break;\n case SpxSeverityEnum.warning:\n this.spxTitle = 'Warning';\n break;\n }\n }\n\n onClose() {\n if (this.spxCloseable) {\n this.spxClose.emit();\n }\n }\n}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxAlertI {\n closeable?: boolean;\n id?: number;\n message?: string;\n severity?: SpxSeverityEnum;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;
|
|
1
|
+
{"version":3,"file":"softpak-components-spx-alert.mjs","sources":["../../../../projects/softpak/components/spx-alert/spx-alert.component.ts","../../../../projects/softpak/components/spx-alert/spx-alert.interface.ts","../../../../projects/softpak/components/spx-alert/softpak-components-spx-alert.ts"],"sourcesContent":["import { CommonModule, NgIf } from '@angular/common';\nimport { Component, EventEmitter, Input, Output } from '@angular/core';\nimport { FontAwesomeModule } from '@fortawesome/angular-fontawesome';\nimport { faCheck, faCircleInfo, faTimes, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';\nimport { SpxSeverityEnum } from '@softpak/components/spx-helpers';\n\n@Component({\n selector: 'spx-alert',\n standalone: true,\n imports: [\n CommonModule,\n FontAwesomeModule,\n NgIf,\n ],\n template: `\n <div class=\"flex items-center gap-3 border-t-4 rounded px-4 py-3 shadow-md\"\n [class.cursor-pointer]=\"this.spxCloseable\"\n [class.bg-red-100]=\"this.isSeverityError\"\n [class.border-red-500]=\"this.isSeverityError\"\n [class.text-red-900]=\"this.isSeverityError\"\n [class.bg-cyan-100]=\"this.isSeverityInfo\"\n [class.border-cyan-500]=\"this.isSeverityInfo\"\n [class.text-cyan-900]=\"this.isSeverityInfo\"\n [class.bg-lime-100]=\"this.isSeveritySuccess\"\n [class.border-lime-500]=\"this.isSeveritySuccess\"\n [class.text-lime-900]=\"this.isSeveritySuccess\"\n [class.bg-amber-100]=\"this.isSeverityWarning\"\n [class.border-amber-500]=\"this.isSeverityWarning\"\n [class.text-amber-900]=\"this.isSeverityWarning\"\n [class.focus:ring-red-600]=\"this.spxCloseable && this.isSeverityError\"\n [class.hover:bg-red-200]=\"this.spxCloseable && this.isSeverityError\"\n [class.over:border-red-600]=\"this.spxCloseable && this.isSeverityError\"\n [class.focus:ring-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\n [class.hover:bg-cyan-200]=\"this.spxCloseable && this.isSeverityInfo\"\n [class.over:border-cyan-600]=\"this.spxCloseable && this.isSeverityInfo\"\n [class.focus:ring-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\n [class.hover:bg-lime-200]=\"this.spxCloseable && this.isSeveritySuccess\"\n [class.over:border-lime-600]=\"this.spxCloseable && this.isSeveritySuccess\"\n [class.focus:ring-amber-600]=\"this.spxCloseable && this.isSeverityWarning\"\n [class.hover:bg-amber-200]=\"this.spxCloseable && this.isSeverityWarning\"\n [class.over:border-amber-600]=\"this.spxCloseable && this.isSeverityWarning\"\n (click)=\"onClose()\">\n <fa-icon\n *ngIf=\"this.isSeverityInfo\"\n [icon]=\"faCircleInfo\" class=\"block text-xl text-cyan-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeverityError\"\n [icon]=\"faTriangleExclamation\" class=\"block text-xl text-red-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeveritySuccess\"\n [icon]=\"faCheck\" class=\"block text-xl text-lime-600\"></fa-icon>\n <fa-icon\n *ngIf=\"this.isSeverityWarning\"\n [icon]=\"faTriangleExclamation\" class=\"block text-xl text-amber-600\"></fa-icon>\n <div class=\"grow\">\n <p *ngIf=\"this.spxTitle && !this.spxHideTitle\" class=\"font-bold\">{{this.spxTitle}}</p>\n <p class=\"text-sm\">\n <ng-content></ng-content>\n </p>\n </div>\n <fa-icon\n *ngIf=\"this.spxCloseable\"\n [icon]=\"faTimes\" class=\"block text-xl\"></fa-icon>\n </div>\n `,\n})\nexport class SpxAlertComponent {\n _autoCloseTimeout: any;\n @Output() spxClose: EventEmitter<void> = new EventEmitter<void>();\n @Input() spxAutoclose?: number;\n @Input() spxCloseable? = false;\n @Input() spxHideTitle = false;\n @Input() spxTitle?: string;\n @Input() spxMarginTop = false;\n @Input() spxSeverity?: SpxSeverityEnum;\n @Input() tick = {};\n\n get isSeverityError() { return this.spxSeverity === SpxSeverityEnum.error; }\n get isSeverityInfo() { return this.spxSeverity === SpxSeverityEnum.info; }\n get isSeveritySuccess() { return this.spxSeverity === SpxSeverityEnum.success; }\n get isSeverityWarning() { return this.spxSeverity === SpxSeverityEnum.warning; }\n faCheck = faCheck;\n faCircleInfo = faCircleInfo;\n faTriangleExclamation = faTriangleExclamation;\n faTimes = faTimes;\n\n componentDidLoad() {\n if (this.spxAutoclose) {\n this.prepareAutoClose();\n }\n if (!this.spxTitle) {\n this._assignDefaultTitle();\n }\n }\n\n private prepareAutoClose(): void {\n this._autoCloseTimeout = setTimeout(() => {\n this.onClose();\n this._autoCloseTimeout = null;\n this.tick = {};\n }, this.spxAutoclose);\n }\n\n private _assignDefaultTitle(): void {\n switch (this.spxSeverity) {\n case SpxSeverityEnum.error:\n this.spxTitle = 'Error';\n break;\n case SpxSeverityEnum.info:\n this.spxTitle = 'Info';\n break;\n case SpxSeverityEnum.success:\n this.spxTitle = 'Notification';\n break;\n case SpxSeverityEnum.warning:\n this.spxTitle = 'Warning';\n break;\n }\n }\n\n onClose() {\n if (this.spxCloseable) {\n this.spxClose.emit();\n }\n }\n}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxAlertI {\n closeable?: boolean;\n id?: number;\n message?: string;\n severity?: SpxSeverityEnum;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
|
@@ -31,7 +31,7 @@ class SpxToasterComponent {
|
|
|
31
31
|
this.hostClass = true;
|
|
32
32
|
this.spxClose = new EventEmitter();
|
|
33
33
|
}
|
|
34
|
-
|
|
34
|
+
handleClose(id) {
|
|
35
35
|
this.spxClose.emit(id);
|
|
36
36
|
}
|
|
37
37
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -45,12 +45,14 @@ class SpxToasterComponent {
|
|
|
45
45
|
[spxCloseable]="message.closeable"
|
|
46
46
|
[spxSeverity]="message.severity"
|
|
47
47
|
[spxTitle]="message.title"
|
|
48
|
-
(spxClose)="
|
|
49
|
-
</div>`, isInline: true,
|
|
48
|
+
(spxClose)="handleClose(message.id)">{{message.message}}</spx-alert>
|
|
49
|
+
</div>`, isInline: true, dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: NgFor, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "component", type: SpxAlertComponent, selector: "spx-alert", inputs: ["spxAutoclose", "spxCloseable", "spxHideTitle", "spxTitle", "spxMarginTop", "spxSeverity", "tick"], outputs: ["spxClose"] }] }); }
|
|
50
50
|
}
|
|
51
51
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImport: i0, type: SpxToasterComponent, decorators: [{
|
|
52
52
|
type: Component,
|
|
53
|
-
args: [{
|
|
53
|
+
args: [{
|
|
54
|
+
selector: 'spx-toaster',
|
|
55
|
+
template: `
|
|
54
56
|
<div
|
|
55
57
|
*ngIf="messages && messages.length > 0"
|
|
56
58
|
class="flex flex-col gap-3 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50">
|
|
@@ -60,12 +62,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.1.2", ngImpor
|
|
|
60
62
|
[spxCloseable]="message.closeable"
|
|
61
63
|
[spxSeverity]="message.severity"
|
|
62
64
|
[spxTitle]="message.title"
|
|
63
|
-
(spxClose)="
|
|
64
|
-
</div>`,
|
|
65
|
+
(spxClose)="handleClose(message.id)">{{message.message}}</spx-alert>
|
|
66
|
+
</div>`,
|
|
67
|
+
standalone: true,
|
|
68
|
+
imports: [
|
|
65
69
|
NgIf,
|
|
66
70
|
NgFor,
|
|
67
71
|
SpxAlertComponent,
|
|
68
|
-
],
|
|
72
|
+
],
|
|
73
|
+
}]
|
|
69
74
|
}], propDecorators: { hostClass: [{
|
|
70
75
|
type: HostBinding,
|
|
71
76
|
args: ['class.spx-toasts-displayer']
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"softpak-components-spx-toaster.mjs","sources":["../../../../projects/softpak/components/spx-toaster/src/spx-toaster-autoclose-speed.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster-message.interface.ts","../../../../projects/softpak/components/spx-toaster/softpak-components-spx-toaster.ts"],"sourcesContent":["export enum SpxToasterSeverityEnum {\n ERROR = 'error',\n INFO = 'info',\n SUCCESS = 'success',\n WARNING = 'warning',\n}\n\nexport enum SpxToasterAutoCloseSpeedEnum {\n DEFAULT = -1,\n SLOW = -2,\n}\n\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\n switch (autoCloseSpeed) {\n case SpxToasterAutoCloseSpeedEnum.DEFAULT:\n return Math.min(Math.max(messageText.length * 50, 2000), 7000);\n case SpxToasterAutoCloseSpeedEnum.SLOW:\n return Math.min(Math.max(messageText.length * 60, 3000), 10000);\n default:\n return autoCloseSpeed;\n }\n}\n","import {\n Component,\n EventEmitter,\n HostBinding,\n Input,\n Output\n} from '@angular/core';\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { NgFor, NgIf } from '@angular/common';\n\n@Component({\n selector: 'spx-toaster',\n template: `\n <div \n *ngIf=\"messages && messages.length > 0\"\n class=\"flex flex-col gap-3 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\n <spx-alert\n *ngFor=\"let message of messages\"\n [spxAutoclose]=\"message.autoClose\"\n [spxCloseable]=\"message.closeable\"\n [spxSeverity]=\"message.severity\"\n [spxTitle]=\"message.title\"\n (spxClose)=\"
|
|
1
|
+
{"version":3,"file":"softpak-components-spx-toaster.mjs","sources":["../../../../projects/softpak/components/spx-toaster/src/spx-toaster-autoclose-speed.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster.component.ts","../../../../projects/softpak/components/spx-toaster/src/spx-toaster-message.interface.ts","../../../../projects/softpak/components/spx-toaster/softpak-components-spx-toaster.ts"],"sourcesContent":["export enum SpxToasterSeverityEnum {\n ERROR = 'error',\n INFO = 'info',\n SUCCESS = 'success',\n WARNING = 'warning',\n}\n\nexport enum SpxToasterAutoCloseSpeedEnum {\n DEFAULT = -1,\n SLOW = -2,\n}\n\nexport function toasterAutocloseSpeed(autoCloseSpeed: SpxToasterAutoCloseSpeedEnum, messageText: string) {\n switch (autoCloseSpeed) {\n case SpxToasterAutoCloseSpeedEnum.DEFAULT:\n return Math.min(Math.max(messageText.length * 50, 2000), 7000);\n case SpxToasterAutoCloseSpeedEnum.SLOW:\n return Math.min(Math.max(messageText.length * 60, 3000), 10000);\n default:\n return autoCloseSpeed;\n }\n}\n","import {\n Component,\n EventEmitter,\n HostBinding,\n Input,\n Output\n} from '@angular/core';\nimport { SpxToasterMessageI } from './spx-toaster-message.interface';\nimport { SpxAlertComponent } from '@softpak/components/spx-alert';\nimport { NgFor, NgIf } from '@angular/common';\n\n@Component({\n selector: 'spx-toaster',\n template: `\n <div \n *ngIf=\"messages && messages.length > 0\"\n class=\"flex flex-col gap-3 fixed bottom-16 left-0 right-0 mx-auto px-3 z-50\">\n <spx-alert\n *ngFor=\"let message of messages\"\n [spxAutoclose]=\"message.autoClose\"\n [spxCloseable]=\"message.closeable\"\n [spxSeverity]=\"message.severity\"\n [spxTitle]=\"message.title\"\n (spxClose)=\"handleClose(message.id)\">{{message.message}}</spx-alert>\n </div>`,\n standalone: true,\n imports: [\n NgIf,\n NgFor,\n SpxAlertComponent,\n ],\n})\nexport class SpxToasterComponent {\n @HostBinding('class.spx-toasts-displayer') hostClass = true;\n @Input() messages!: SpxToasterMessageI[];\n @Output() spxClose: EventEmitter<number> = new EventEmitter<number>();\n\n public handleClose(id: number) {\n this.spxClose.emit(id);\n }\n\n}\n","import { SpxSeverityEnum } from \"@softpak/components/spx-helpers\";\n\nexport class SpxToasterMessageI {\n autoClose?: number;\n title?: string;\n\n closeable?: boolean;\n id!: number;\n message!: string;\n severity!: SpxSeverityEnum;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@softpak/components",
|
|
3
|
-
"version": "0.0.0-beta.
|
|
3
|
+
"version": "0.0.0-beta.12",
|
|
4
4
|
"private": false,
|
|
5
5
|
"peerDependencies": {
|
|
6
6
|
"@angular/common": "^17.x.x",
|
|
@@ -29,30 +29,30 @@
|
|
|
29
29
|
"esm": "./esm2022/spx-alert/softpak-components-spx-alert.mjs",
|
|
30
30
|
"default": "./fesm2022/softpak-components-spx-alert.mjs"
|
|
31
31
|
},
|
|
32
|
-
"./spx-app-configuration": {
|
|
33
|
-
"types": "./spx-app-configuration/index.d.ts",
|
|
34
|
-
"esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
35
|
-
"esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
36
|
-
"default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
|
|
37
|
-
},
|
|
38
|
-
"./spx-button": {
|
|
39
|
-
"types": "./spx-button/index.d.ts",
|
|
40
|
-
"esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
41
|
-
"esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
42
|
-
"default": "./fesm2022/softpak-components-spx-button.mjs"
|
|
43
|
-
},
|
|
44
32
|
"./spx-capitalize": {
|
|
45
33
|
"types": "./spx-capitalize/index.d.ts",
|
|
46
34
|
"esm2022": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
47
35
|
"esm": "./esm2022/spx-capitalize/softpak-components-spx-capitalize.mjs",
|
|
48
36
|
"default": "./fesm2022/softpak-components-spx-capitalize.mjs"
|
|
49
37
|
},
|
|
38
|
+
"./spx-app-configuration": {
|
|
39
|
+
"types": "./spx-app-configuration/index.d.ts",
|
|
40
|
+
"esm2022": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
41
|
+
"esm": "./esm2022/spx-app-configuration/softpak-components-spx-app-configuration.mjs",
|
|
42
|
+
"default": "./fesm2022/softpak-components-spx-app-configuration.mjs"
|
|
43
|
+
},
|
|
50
44
|
"./spx-channel-selection": {
|
|
51
45
|
"types": "./spx-channel-selection/index.d.ts",
|
|
52
46
|
"esm2022": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
53
47
|
"esm": "./esm2022/spx-channel-selection/softpak-components-spx-channel-selection.mjs",
|
|
54
48
|
"default": "./fesm2022/softpak-components-spx-channel-selection.mjs"
|
|
55
49
|
},
|
|
50
|
+
"./spx-button": {
|
|
51
|
+
"types": "./spx-button/index.d.ts",
|
|
52
|
+
"esm2022": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
53
|
+
"esm": "./esm2022/spx-button/softpak-components-spx-button.mjs",
|
|
54
|
+
"default": "./fesm2022/softpak-components-spx-button.mjs"
|
|
55
|
+
},
|
|
56
56
|
"./spx-check-digit": {
|
|
57
57
|
"types": "./spx-check-digit/index.d.ts",
|
|
58
58
|
"esm2022": "./esm2022/spx-check-digit/softpak-components-spx-check-digit.mjs",
|
|
@@ -5,7 +5,7 @@ export declare class SpxToasterComponent {
|
|
|
5
5
|
hostClass: boolean;
|
|
6
6
|
messages: SpxToasterMessageI[];
|
|
7
7
|
spxClose: EventEmitter<number>;
|
|
8
|
-
|
|
8
|
+
handleClose(id: number): void;
|
|
9
9
|
static ɵfac: i0.ɵɵFactoryDeclaration<SpxToasterComponent, never>;
|
|
10
10
|
static ɵcmp: i0.ɵɵComponentDeclaration<SpxToasterComponent, "spx-toaster", never, { "messages": { "alias": "messages"; "required": false; }; }, { "spxClose": "spxClose"; }, never, never, true, never>;
|
|
11
11
|
}
|