ps-toolkit-ui 1.21.33 → 1.21.38
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/fesm2022/ps-toolkit-ui.mjs +15 -11
- package/fesm2022/ps-toolkit-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ps-toolkit-ui.d.ts +16 -16
|
@@ -7970,11 +7970,14 @@ class ErrorComponent {
|
|
|
7970
7970
|
};
|
|
7971
7971
|
}
|
|
7972
7972
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ErrorComponent, deps: [{ token: PsToolkitUiConfigService }], target: i0.ɵɵFactoryTarget.Component });
|
|
7973
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: ErrorComponent, isStandalone:
|
|
7973
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: ErrorComponent, isStandalone: true, selector: "lib-error", inputs: { error: "error" }, ngImport: i0, template: "<div id=\"Error\">\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorNotRegistered'\">\r\n <i class=\"fad fa-registered error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorNotRegistered\")}}</div>\r\n </div>\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorExpiredRegistered'\">\r\n <i class=\"fad fa-hourglass-end error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorExpiredRegistered\")}}</div>\r\n </div>\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorInvalidIp'\">\r\n <i class=\"fad fas fa-signal-stream error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorInvalidIp\")}}</div>\r\n </div>\r\n</div>\r\n", styles: ["#Error{float:right;width:100%;position:relative;background-color:#fff;min-height:calc(100vh - 125px);justify-content:center;align-items:center;display:flex}#Error .error-con{width:100%;float:right;height:100%;border-radius:var(--border-radius-base)}#Error .error-con .error-text{float:right;width:100%;text-align:center;font-size:30px;height:100px;line-height:120px;font-weight:var(--font-bold);position:relative;z-index:2}#Error .error-con .error-icon{float:right;width:100%;color:var(--base-white);font-size:150px;text-align:center}@media(max-width:399.99px){#Error .error-con{width:90%;right:5%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media(min-width:400px)and (max-width:499.99px){#Error .error-con{width:90%;right:5%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media(min-width:500px)and (max-width:599.99px){#Error .error-con{width:90%;right:5%}#Error .error-con .error-icon{font-size:200px}}@media(min-width:600px)and (max-width:699.99px){#Error .error-con{width:80%;right:10%}}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }] });
|
|
7974
7974
|
}
|
|
7975
7975
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: ErrorComponent, decorators: [{
|
|
7976
7976
|
type: Component,
|
|
7977
|
-
args: [{ selector: 'lib-error',
|
|
7977
|
+
args: [{ selector: 'lib-error', imports: [
|
|
7978
|
+
CommonModule,
|
|
7979
|
+
FormsModule,
|
|
7980
|
+
], standalone: true, template: "<div id=\"Error\">\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorNotRegistered'\">\r\n <i class=\"fad fa-registered error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorNotRegistered\")}}</div>\r\n </div>\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorExpiredRegistered'\">\r\n <i class=\"fad fa-hourglass-end error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorExpiredRegistered\")}}</div>\r\n </div>\r\n <div class=\"error-con\" *ngIf=\"error === 'FormBaseErrorInvalidIp'\">\r\n <i class=\"fad fas fa-signal-stream error-icon\"></i>\r\n <div class=\"error-text\">{{l(\"FormBaseErrorInvalidIp\")}}</div>\r\n </div>\r\n</div>\r\n", styles: ["#Error{float:right;width:100%;position:relative;background-color:#fff;min-height:calc(100vh - 125px);justify-content:center;align-items:center;display:flex}#Error .error-con{width:100%;float:right;height:100%;border-radius:var(--border-radius-base)}#Error .error-con .error-text{float:right;width:100%;text-align:center;font-size:30px;height:100px;line-height:120px;font-weight:var(--font-bold);position:relative;z-index:2}#Error .error-con .error-icon{float:right;width:100%;color:var(--base-white);font-size:150px;text-align:center}@media(max-width:399.99px){#Error .error-con{width:90%;right:5%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media(min-width:400px)and (max-width:499.99px){#Error .error-con{width:90%;right:5%}#Error .error-con .error-text{font-size:25px}#Error .error-con .error-icon{font-size:170px}}@media(min-width:500px)and (max-width:599.99px){#Error .error-con{width:90%;right:5%}#Error .error-con .error-icon{font-size:200px}}@media(min-width:600px)and (max-width:699.99px){#Error .error-con{width:80%;right:10%}}\n"] }]
|
|
7978
7981
|
}], ctorParameters: () => [{ type: PsToolkitUiConfigService }], propDecorators: { error: [{
|
|
7979
7982
|
type: Input
|
|
7980
7983
|
}] } });
|
|
@@ -8184,11 +8187,14 @@ class NotificationComponent {
|
|
|
8184
8187
|
constructor() {
|
|
8185
8188
|
}
|
|
8186
8189
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
8187
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: NotificationComponent, isStandalone:
|
|
8190
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.1", type: NotificationComponent, isStandalone: true, selector: "lib-notification", ngImport: i0, template: "<div id=\"Notifications\">\r\n</div>\r\n", styles: ["#Notifications{position:fixed;bottom:20px;right:0;width:350px;z-index:9999}::ng-deep #Notifications .con{float:right;width:calc(100% - 40px);padding:5px 20px}::ng-deep #Notifications .item{float:right;width:100%;background-color:var(--red);position:relative;color:#fff;text-align:center;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);overflow:hidden}::ng-deep #Notifications .item.success{background-color:var(--green)}::ng-deep #Notifications .item i{float:right;width:30px;height:30px;line-height:30px;cursor:pointer}::ng-deep #Notifications .item i:hover{background-color:var(--red-dark)}::ng-deep #Notifications .item.success i:hover{background-color:var(--green-dark)}::ng-deep #Notifications .item div{float:right;width:calc(100% - 30px);line-height:20px;font-size:12px;padding:10px}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: FormsModule }] });
|
|
8188
8191
|
}
|
|
8189
8192
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
8190
8193
|
type: Component,
|
|
8191
|
-
args: [{ selector: 'lib-notification',
|
|
8194
|
+
args: [{ selector: 'lib-notification', imports: [
|
|
8195
|
+
CommonModule,
|
|
8196
|
+
FormsModule,
|
|
8197
|
+
], standalone: true, template: "<div id=\"Notifications\">\r\n</div>\r\n", styles: ["#Notifications{position:fixed;bottom:20px;right:0;width:350px;z-index:9999}::ng-deep #Notifications .con{float:right;width:calc(100% - 40px);padding:5px 20px}::ng-deep #Notifications .item{float:right;width:100%;background-color:var(--red);position:relative;color:#fff;text-align:center;border-radius:var(--border-radius-base);box-shadow:var(--box-shadow);overflow:hidden}::ng-deep #Notifications .item.success{background-color:var(--green)}::ng-deep #Notifications .item i{float:right;width:30px;height:30px;line-height:30px;cursor:pointer}::ng-deep #Notifications .item i:hover{background-color:var(--red-dark)}::ng-deep #Notifications .item.success i:hover{background-color:var(--green-dark)}::ng-deep #Notifications .item div{float:right;width:calc(100% - 30px);line-height:20px;font-size:12px;padding:10px}\n"] }]
|
|
8192
8198
|
}], ctorParameters: () => [] });
|
|
8193
8199
|
|
|
8194
8200
|
class LayoutComponent {
|
|
@@ -8348,15 +8354,14 @@ class PsToolkitUiModule {
|
|
|
8348
8354
|
SubHeaderComponent, FooterComponent, StepsComponent,
|
|
8349
8355
|
HeaderComponent,
|
|
8350
8356
|
TooltipComponent, AlertComponent,
|
|
8351
|
-
NotificationComponent,
|
|
8352
8357
|
LayoutComponent, LoadingComponent, NotfoundComponent, CalendarComponent,
|
|
8353
|
-
ClockComponent,
|
|
8358
|
+
ClockComponent, LoginComponent], imports: [FormSelectItemComponent, FormCheckboxComponent, TablePaginationComponent, FormBankCardComponent, FormPlaqueSelectComponent,
|
|
8354
8359
|
TableLoadingComponent, FormTreeItemComponent, FormTextboxComponent, FormTextareaComponent, FormIconComponent, FormButtonComponent,
|
|
8355
8360
|
FormDatetimeComponent, FormPlaqueComponent, FormFileComponent, FormSelectComponent, FormTableComponent, FormLabelComponent,
|
|
8356
8361
|
AccordionComponent, FormRadioComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent,
|
|
8357
8362
|
FormTreeComponent, FormTimeComponent, FormFingerComponent, FormVehicleSearchComponent, FormCkeditorComponent, FormUploaderComponent,
|
|
8358
8363
|
FormVehicleComponent, FormHiddenComponent, FormToggleComponent, ChartComponent, FormTagComponent, FormStarComponent,
|
|
8359
|
-
FormSlideComponent, FormDateComponent,
|
|
8364
|
+
FormSlideComponent, FormDateComponent, NotificationComponent, ErrorComponent,
|
|
8360
8365
|
CommonModule,
|
|
8361
8366
|
RouterModule,
|
|
8362
8367
|
FormsModule,
|
|
@@ -8374,7 +8379,7 @@ class PsToolkitUiModule {
|
|
|
8374
8379
|
AccordionComponent, FormRadioComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent,
|
|
8375
8380
|
FormTreeComponent, FormTimeComponent, FormFingerComponent, FormVehicleSearchComponent, FormCkeditorComponent, FormUploaderComponent,
|
|
8376
8381
|
FormVehicleComponent, FormHiddenComponent, FormToggleComponent, ChartComponent, FormTagComponent, FormStarComponent,
|
|
8377
|
-
FormSlideComponent, FormDateComponent,
|
|
8382
|
+
FormSlideComponent, FormDateComponent, NotificationComponent, ErrorComponent,
|
|
8378
8383
|
CommonModule,
|
|
8379
8384
|
RouterModule,
|
|
8380
8385
|
FormsModule,
|
|
@@ -8388,9 +8393,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
8388
8393
|
SubHeaderComponent, FooterComponent, StepsComponent,
|
|
8389
8394
|
HeaderComponent,
|
|
8390
8395
|
TooltipComponent, AlertComponent,
|
|
8391
|
-
NotificationComponent,
|
|
8392
8396
|
LayoutComponent, LoadingComponent, NotfoundComponent, CalendarComponent,
|
|
8393
|
-
ClockComponent,
|
|
8397
|
+
ClockComponent, LoginComponent,
|
|
8394
8398
|
],
|
|
8395
8399
|
imports: [
|
|
8396
8400
|
FormSelectItemComponent, FormCheckboxComponent, TablePaginationComponent, FormBankCardComponent, FormPlaqueSelectComponent,
|
|
@@ -8399,7 +8403,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.1", ngImpor
|
|
|
8399
8403
|
AccordionComponent, FormRadioComponent, ConfirmComponent, TableComponent, ModalComponent, FormComponent, TableRowComponent,
|
|
8400
8404
|
FormTreeComponent, FormTimeComponent, FormFingerComponent, FormVehicleSearchComponent, FormCkeditorComponent, FormUploaderComponent,
|
|
8401
8405
|
FormVehicleComponent, FormHiddenComponent, FormToggleComponent, ChartComponent, FormTagComponent, FormStarComponent,
|
|
8402
|
-
FormSlideComponent, FormDateComponent,
|
|
8406
|
+
FormSlideComponent, FormDateComponent, NotificationComponent, ErrorComponent,
|
|
8403
8407
|
CommonModule,
|
|
8404
8408
|
RouterModule,
|
|
8405
8409
|
FormsModule,
|