s4y-ui 5.1.2 → 5.2.2
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/s4y-ui.mjs +175 -3
- package/fesm2022/s4y-ui.mjs.map +1 -1
- package/lib/components/confirmation/confirmation.component.d.ts +23 -0
- package/lib/components/confirmation/confirmation.service.d.ts +34 -0
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
- package/src/scss/styles.scss +14 -0
- package/src/scss/styles.scss.map +1 -1
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { IConfirmationProps } from './confirmation.service';
|
|
3
|
+
import { SafeHtml } from '@angular/platform-browser';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
export declare class ConfirmationComponent {
|
|
6
|
+
private sanitizer;
|
|
7
|
+
props?: IConfirmationProps;
|
|
8
|
+
onCancelClick?: () => Promise<void>;
|
|
9
|
+
onConfirmClick?: () => Promise<void>;
|
|
10
|
+
confirmLoading: boolean;
|
|
11
|
+
cancelLoading: boolean;
|
|
12
|
+
loading: boolean;
|
|
13
|
+
get isTemplate(): boolean;
|
|
14
|
+
get isHtml(): boolean;
|
|
15
|
+
get isText(): boolean;
|
|
16
|
+
get template(): TemplateRef<any> | undefined;
|
|
17
|
+
get safeHtml(): SafeHtml | undefined;
|
|
18
|
+
get textContent(): string | undefined;
|
|
19
|
+
handleCancel(): Promise<void>;
|
|
20
|
+
handleConfirm(): Promise<void>;
|
|
21
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationComponent, never>;
|
|
22
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmationComponent, "s4y-confirmation", never, {}, {}, never, never, true, never>;
|
|
23
|
+
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { TemplateRef } from '@angular/core';
|
|
2
|
+
import { Observable } from 'rxjs';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
export interface IConfirmationProps {
|
|
5
|
+
iconUri?: string;
|
|
6
|
+
title: string;
|
|
7
|
+
content?: string | TemplateRef<any>;
|
|
8
|
+
contentType?: 'text' | 'html';
|
|
9
|
+
width?: string;
|
|
10
|
+
height?: string;
|
|
11
|
+
confirmationProps?: IConfirmationBtnProps;
|
|
12
|
+
cancelProps?: IConfirmationBtnProps;
|
|
13
|
+
onCancel?: (() => Promise<boolean> | Observable<boolean> | boolean) | Promise<boolean> | Observable<boolean> | boolean;
|
|
14
|
+
onConfirm?: (() => Promise<boolean> | Observable<boolean> | boolean) | Promise<boolean> | Observable<boolean> | boolean;
|
|
15
|
+
}
|
|
16
|
+
export interface IConfirmationBtnProps {
|
|
17
|
+
text: string;
|
|
18
|
+
}
|
|
19
|
+
export interface IConfirmationResult {
|
|
20
|
+
confirmed: boolean;
|
|
21
|
+
data?: any;
|
|
22
|
+
}
|
|
23
|
+
export declare class ConfirmationService {
|
|
24
|
+
private readonly overlay;
|
|
25
|
+
constructor();
|
|
26
|
+
open(config: IConfirmationProps): Observable<IConfirmationResult>;
|
|
27
|
+
private handleAction;
|
|
28
|
+
private toObservable;
|
|
29
|
+
private createOverlay;
|
|
30
|
+
private confirmationPortal;
|
|
31
|
+
private closeWithResult;
|
|
32
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmationService, never>;
|
|
33
|
+
static ɵprov: i0.ɵɵInjectableDeclaration<ConfirmationService>;
|
|
34
|
+
}
|
package/package.json
CHANGED
package/public-api.d.ts
CHANGED
|
@@ -33,3 +33,4 @@ export * from './lib/components/dynamic-dialog';
|
|
|
33
33
|
export * from './lib/components/dynamic-loading-global';
|
|
34
34
|
export * from './lib/components/rating/rating.component';
|
|
35
35
|
export * from './lib/components/tag/tag.component';
|
|
36
|
+
export * from './lib/components/confirmation/confirmation.service';
|
package/src/scss/styles.scss
CHANGED
|
@@ -519,4 +519,18 @@ label.s4y-checkbox-label {
|
|
|
519
519
|
pointer-events: auto;
|
|
520
520
|
}
|
|
521
521
|
|
|
522
|
+
.s4y-confirmation-panel {
|
|
523
|
+
background: #fff;
|
|
524
|
+
width: 100%;
|
|
525
|
+
border-radius: var(--radius);
|
|
526
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
527
|
+
animation: fadeInUp 0.3s ease;
|
|
528
|
+
padding: 1.8rem;
|
|
529
|
+
display: flex;
|
|
530
|
+
flex-direction: column;
|
|
531
|
+
align-items: center;
|
|
532
|
+
justify-content: center;
|
|
533
|
+
gap: 1.4rem;
|
|
534
|
+
}
|
|
535
|
+
|
|
522
536
|
/*# sourceMappingURL=styles.scss.map */
|
package/src/scss/styles.scss.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../../projects/s4y-components/src/scss/_reset.scss","../../../../projects/s4y-components/src/scss/_cdk.scss","../../../../projects/s4y-components/src/scss/_variables.scss","../../../../projects/s4y-components/src/scss/_z-index.scss","../../../../projects/s4y-components/src/scss/_utils.scss","../../../../projects/s4y-components/src/scss/_table.scss","../../../../projects/s4y-components/src/scss/_animations.scss","../../../../projects/s4y-components/src/scss/_dialog.scss","../../../../projects/s4y-components/src/scss/_overlay.scss","../../../../projects/s4y-components/src/scss/_preview-image.scss","../../../../projects/s4y-components/src/scss/_typography.scss","../../../../projects/s4y-components/src/scss/_tooltip.scss"],"names":[],"mappings":";AAAQ;ACAA;ADGR;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AE3DF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;;;ACxBF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;;;ACxBF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAOA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC7HF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACdF;EACE;EACA;EACA,YACE;EAEF;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACfF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EAGA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEE;EACF;;;AAGF;EACE;;;AAGF;EACC;EACC;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;;;ACtEJ;EACE;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;;;ACTF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC3CF;EACE;EACA","file":"styles.scss"}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../projects/s4y-components/src/scss/_reset.scss","../../../../projects/s4y-components/src/scss/_cdk.scss","../../../../projects/s4y-components/src/scss/_variables.scss","../../../../projects/s4y-components/src/scss/_z-index.scss","../../../../projects/s4y-components/src/scss/_utils.scss","../../../../projects/s4y-components/src/scss/_table.scss","../../../../projects/s4y-components/src/scss/_animations.scss","../../../../projects/s4y-components/src/scss/_dialog.scss","../../../../projects/s4y-components/src/scss/_overlay.scss","../../../../projects/s4y-components/src/scss/_preview-image.scss","../../../../projects/s4y-components/src/scss/_typography.scss","../../../../projects/s4y-components/src/scss/_tooltip.scss","../../../../projects/s4y-components/src/scss/_confirmation.scss"],"names":[],"mappings":";AAAQ;ACAA;ADGR;AAAA;AAAA;EAGE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;AAAA;EAGE;EAEA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AE3DF;EACE;EACA;EAEA;EACA;EACA;EACA;EAEA;AAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EAEA;;;ACxBF;AACE;EACA;AAEA;EACA;AAEA;EACA;AAEA;EACA;EACA;EACA;EACA;AAEA;EACA;AAEA;EACA;EACA;AAEA;EACA;;;ACxBF;EACE;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAGF;EACE;;;AAGF;AACA;EACE;;;AAGF;AACA;EACE;;;AAOA;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAPF;EACE;;;AAEF;EACE;;;AAEF;EACE;;;AAGJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AC7HF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;ACdF;EACE;EACA;EACA,YACE;EAEF;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;ACfF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EAGA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEE;EACF;;;AAGF;EACE;;;AAGF;EACC;EACC;EACA;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;IACE;IACA;;EAEF;IACE;IACA;;;AAIJ;AACA;EACE;IACE;IACA;;EAEF;IACE;IACA;;;ACtEJ;EACE;;;AAGF;EACE;EACA;EACA;EAEA;EACA;EACA;;;ACTF;EACE;EACA;EACA;EACA;EACA;EACA;;;ACPF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;;;AC3CF;EACE;EACA;;;ACFF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA","file":"styles.scss"}
|