asksuite-citrus 2.0.0-beta.0 → 2.0.0-beta.10
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/lib/asksuite-citrus.module.mjs +14 -6
- package/esm2022/lib/classes/richtext-wrapper.mjs +23 -1
- package/esm2022/lib/components/accordion/accordion.component.mjs +8 -5
- package/esm2022/lib/components/accordion/extendable-panel/extendable-panel.component.mjs +21 -4
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +5 -4
- package/esm2022/lib/components/avatar/avatar.component.mjs +2 -2
- package/esm2022/lib/components/box/box.component.mjs +2 -2
- package/esm2022/lib/components/button/button.component.mjs +2 -2
- package/esm2022/lib/components/character-counter/character-counter.component.mjs +2 -2
- package/esm2022/lib/components/checkbox/checkbox.component.mjs +2 -2
- package/esm2022/lib/components/chips/chips.component.mjs +2 -2
- package/esm2022/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.mjs +23 -3
- package/esm2022/lib/components/date-picker/date-picker.component.mjs +14 -3
- package/esm2022/lib/components/dropdown-container/dropdown-container.component.mjs +4 -7
- package/esm2022/lib/components/input/input.component.mjs +2 -2
- package/esm2022/lib/components/modal/confirmation-modal/confirmation-modal.component.mjs +13 -9
- package/esm2022/lib/components/modal/modal.component.mjs +2 -2
- package/esm2022/lib/components/pagination/pagination.component.mjs +2 -2
- package/esm2022/lib/components/phone-ddi/phone-ddi.component.mjs +9 -5
- package/esm2022/lib/components/richtext-toolbox/richtext-toolbox.component.mjs +2 -2
- package/esm2022/lib/components/richtext-url-prompt/richtext-url-prompt.component.mjs +2 -2
- package/esm2022/lib/components/select/select.component.mjs +2 -2
- package/esm2022/lib/components/table/table.component.mjs +7 -4
- package/esm2022/lib/components/toast/toast.component.mjs +2 -2
- package/esm2022/lib/directives/button/ask-base-button.directive.mjs +17 -4
- package/esm2022/lib/directives/index.mjs +3 -1
- package/esm2022/lib/directives/input/input.directive.mjs +19 -0
- package/esm2022/lib/directives/list-item/list-item.directive.mjs +19 -0
- package/esm2022/lib/services/modal/modal.config.mjs +2 -2
- package/esm2022/lib/services/modal/modal.service.mjs +19 -14
- package/fesm2022/asksuite-citrus.mjs +209 -69
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/asksuite-citrus.module.d.ts +11 -9
- package/lib/classes/richtext-wrapper.d.ts +1 -0
- package/lib/components/accordion/accordion.component.d.ts +2 -1
- package/lib/components/accordion/extendable-panel/extendable-panel.component.d.ts +7 -2
- package/lib/components/date-picker/date-picker-calendar/date-picker-calendar.component.d.ts +5 -1
- package/lib/components/date-picker/date-picker.component.d.ts +5 -1
- package/lib/components/dropdown-container/dropdown-container.component.d.ts +2 -4
- package/lib/components/modal/confirmation-modal/confirmation-modal.component.d.ts +11 -1
- package/lib/components/table/table.component.d.ts +1 -0
- package/lib/directives/button/ask-base-button.directive.d.ts +9 -3
- package/lib/directives/index.d.ts +2 -0
- package/lib/directives/input/input.directive.d.ts +6 -0
- package/lib/directives/list-item/list-item.directive.d.ts +6 -0
- package/lib/services/modal/modal.config.d.ts +2 -1
- package/lib/services/modal/modal.service.d.ts +5 -5
- package/package.json +3 -3
- package/styles/badge.scss +64 -0
- package/styles/button.scss +65 -16
- package/styles/input.scss +5 -0
- package/styles/list-item.scss +8 -0
- package/styles/modal.scss +0 -1
- package/styles/styles.scss +3 -63
@@ -1,9 +1,10 @@
|
|
1
|
-
import { Directive, Input } from
|
1
|
+
import { Directive, Input, } from '@angular/core';
|
2
2
|
import * as i0 from "@angular/core";
|
3
3
|
export class AskBaseButtonDirective {
|
4
4
|
constructor(el, className) {
|
5
5
|
this.el = el;
|
6
|
-
this.color = '';
|
6
|
+
this.color = 'primary';
|
7
|
+
this.size = 'default';
|
7
8
|
const element = this.el.nativeElement;
|
8
9
|
if (element.tagName.toLowerCase() !== 'button')
|
9
10
|
throw new Error(`AskButton can only be applied to buttons.`);
|
@@ -13,6 +14,9 @@ export class AskBaseButtonDirective {
|
|
13
14
|
if (changes['color']) {
|
14
15
|
this.updateColor();
|
15
16
|
}
|
17
|
+
if (changes['size']) {
|
18
|
+
this.updateSize();
|
19
|
+
}
|
16
20
|
}
|
17
21
|
updateColor() {
|
18
22
|
const element = this.el.nativeElement;
|
@@ -21,12 +25,21 @@ export class AskBaseButtonDirective {
|
|
21
25
|
element.classList.add('-' + this.color);
|
22
26
|
}
|
23
27
|
}
|
28
|
+
updateSize() {
|
29
|
+
const element = this.el.nativeElement;
|
30
|
+
element.classList.remove('-small', '-xsmall');
|
31
|
+
if (this.size) {
|
32
|
+
element.classList.add('-' + this.size);
|
33
|
+
}
|
34
|
+
}
|
24
35
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: AskBaseButtonDirective, deps: "invalid", target: i0.ɵɵFactoryTarget.Directive }); }
|
25
|
-
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: AskBaseButtonDirective, inputs: { color: "color" }, usesOnChanges: true, ngImport: i0 }); }
|
36
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: AskBaseButtonDirective, inputs: { color: "color", size: "size" }, usesOnChanges: true, ngImport: i0 }); }
|
26
37
|
}
|
27
38
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: AskBaseButtonDirective, decorators: [{
|
28
39
|
type: Directive
|
29
40
|
}], ctorParameters: () => [{ type: i0.ElementRef }, { type: undefined }], propDecorators: { color: [{
|
30
41
|
type: Input
|
42
|
+
}], size: [{
|
43
|
+
type: Input
|
31
44
|
}] } });
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNrLWJhc2UtYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2RpcmVjdGl2ZXMvYnV0dG9uL2Fzay1iYXNlLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFFVCxLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7O0FBR3ZCLE1BQU0sT0FBZ0Isc0JBQXNCO0lBTzFDLFlBQThCLEVBQWMsRUFBRSxTQUFpQjtRQUFqQyxPQUFFLEdBQUYsRUFBRSxDQUFZO1FBTDVDLFVBQUssR0FBZ0IsU0FBUyxDQUFDO1FBRy9CLFNBQUksR0FBZSxTQUFTLENBQUM7UUFHM0IsTUFBTSxPQUFPLEdBQWdCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO1FBRW5ELElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxXQUFXLEVBQUUsS0FBSyxRQUFRO1lBQzVDLE1BQU0sSUFBSSxLQUFLLENBQUMsMkNBQTJDLENBQUMsQ0FBQztRQUMvRCxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUNuQyxDQUFDO0lBRUQsV0FBVyxDQUFDLE9BQXNCO1FBQ2hDLElBQUksT0FBTyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3JCLENBQUM7UUFFRCxJQUFJLE9BQU8sQ0FBQyxNQUFNLENBQUMsRUFBRSxDQUFDO1lBQ3BCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUNwQixDQUFDO0lBQ0gsQ0FBQztJQUVPLFdBQVc7UUFDakIsTUFBTSxPQUFPLEdBQWdCLElBQUksQ0FBQyxFQUFFLENBQUMsYUFBYSxDQUFDO1FBRW5ELE9BQU8sQ0FBQyxTQUFTLENBQUMsTUFBTSxDQUFDLFVBQVUsRUFBRSxZQUFZLENBQUMsQ0FBQztRQUNuRCxJQUFJLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLE9BQU8sQ0FBQyxTQUFTLENBQUMsR0FBRyxDQUFDLEdBQUcsR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7UUFDMUMsQ0FBQztJQUNILENBQUM7SUFFTyxVQUFVO1FBQ2hCLE1BQU0sT0FBTyxHQUFnQixJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsQ0FBQztRQUVuRCxPQUFPLENBQUMsU0FBUyxDQUFDLE1BQU0sQ0FBQyxRQUFRLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDOUMsSUFBSSxJQUFJLENBQUMsSUFBSSxFQUFFLENBQUM7WUFDZCxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxHQUFHLEdBQUcsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ3pDLENBQUM7SUFDSCxDQUFDOzhHQXpDbUIsc0JBQXNCO2tHQUF0QixzQkFBc0I7OzJGQUF0QixzQkFBc0I7a0JBRDNDLFNBQVM7b0dBR1IsS0FBSztzQkFESixLQUFLO2dCQUlOLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIERpcmVjdGl2ZSxcbiAgRWxlbWVudFJlZixcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoKVxuZXhwb3J0IGFic3RyYWN0IGNsYXNzIEFza0Jhc2VCdXR0b25EaXJlY3RpdmUgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBASW5wdXQoKVxuICBjb2xvcjogQnV0dG9uQ29sb3IgPSAncHJpbWFyeSc7XG5cbiAgQElucHV0KClcbiAgc2l6ZTogQnV0dG9uU2l6ZSA9ICdkZWZhdWx0JztcblxuICBwcm90ZWN0ZWQgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZiwgY2xhc3NOYW1lOiBzdHJpbmcpIHtcbiAgICBjb25zdCBlbGVtZW50OiBIVE1MRWxlbWVudCA9IHRoaXMuZWwubmF0aXZlRWxlbWVudDtcblxuICAgIGlmIChlbGVtZW50LnRhZ05hbWUudG9Mb3dlckNhc2UoKSAhPT0gJ2J1dHRvbicpXG4gICAgICB0aHJvdyBuZXcgRXJyb3IoYEFza0J1dHRvbiBjYW4gb25seSBiZSBhcHBsaWVkIHRvIGJ1dHRvbnMuYCk7XG4gICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKGNsYXNzTmFtZSk7XG4gIH1cblxuICBuZ09uQ2hhbmdlcyhjaGFuZ2VzOiBTaW1wbGVDaGFuZ2VzKSB7XG4gICAgaWYgKGNoYW5nZXNbJ2NvbG9yJ10pIHtcbiAgICAgIHRoaXMudXBkYXRlQ29sb3IoKTtcbiAgICB9XG5cbiAgICBpZiAoY2hhbmdlc1snc2l6ZSddKSB7XG4gICAgICB0aGlzLnVwZGF0ZVNpemUoKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZUNvbG9yKCkge1xuICAgIGNvbnN0IGVsZW1lbnQ6IEhUTUxFbGVtZW50ID0gdGhpcy5lbC5uYXRpdmVFbGVtZW50O1xuXG4gICAgZWxlbWVudC5jbGFzc0xpc3QucmVtb3ZlKCctcHJpbWFyeScsICctc2Vjb25kYXJ5Jyk7XG4gICAgaWYgKHRoaXMuY29sb3IpIHtcbiAgICAgIGVsZW1lbnQuY2xhc3NMaXN0LmFkZCgnLScgKyB0aGlzLmNvbG9yKTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHVwZGF0ZVNpemUoKSB7XG4gICAgY29uc3QgZWxlbWVudDogSFRNTEVsZW1lbnQgPSB0aGlzLmVsLm5hdGl2ZUVsZW1lbnQ7XG5cbiAgICBlbGVtZW50LmNsYXNzTGlzdC5yZW1vdmUoJy1zbWFsbCcsICcteHNtYWxsJyk7XG4gICAgaWYgKHRoaXMuc2l6ZSkge1xuICAgICAgZWxlbWVudC5jbGFzc0xpc3QuYWRkKCctJyArIHRoaXMuc2l6ZSk7XG4gICAgfVxuICB9XG59XG5cbnR5cGUgQnV0dG9uU2l6ZSA9ICd4LWxhcmdlJyB8ICdsYXJnZScgfCAnZGVmYXVsdCcgfCAnbWVkaXVtJyB8ICdzbWFsbCcgfCAnbWluaSc7XG5leHBvcnQgdHlwZSBCdXR0b25BcHBlYXJhbmNlID0gJ291dGxpbmUnIHwgJ3RleHQnIHwgJ2RlZmF1bHQnO1xuZXhwb3J0IHR5cGUgQnV0dG9uQ29sb3IgPSAncHJpbWFyeScgfCAnc2Vjb25kYXJ5JyB8ICdkYW5nZXInO1xuIl19
|
@@ -6,4 +6,6 @@ export * from './spinner/spinner.directive';
|
|
6
6
|
export * from './ask-dropdown.directive';
|
7
7
|
export * from './autofocus/autofocus.directive';
|
8
8
|
export * from './richtext-toolbox/richtext-toolbox.directive';
|
9
|
-
|
9
|
+
export * from './input/input.directive';
|
10
|
+
export * from './list-item/list-item.directive';
|
11
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9kaXJlY3RpdmVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMseUJBQXlCLENBQUE7QUFDdkMsY0FBYywyQkFBMkIsQ0FBQTtBQUN6QyxjQUFjLFVBQVUsQ0FBQTtBQUN4QixjQUFjLGlDQUFpQyxDQUFBO0FBQy9DLGNBQWMsNkJBQTZCLENBQUE7QUFDM0MsY0FBYywwQkFBMEIsQ0FBQTtBQUN4QyxjQUFjLGlDQUFpQyxDQUFBO0FBQy9DLGNBQWMsK0NBQStDLENBQUE7QUFDN0QsY0FBYyx5QkFBeUIsQ0FBQTtBQUN2QyxjQUFjLGlDQUFpQyxDQUFBIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0ICogZnJvbSAnLi9iYWRnZS9iYWRnZS5kaXJlY3RpdmUnXG5leHBvcnQgKiBmcm9tICcuL3Njcm9sbC9zY3JvbGwuZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9idXR0b24nXG5leHBvcnQgKiBmcm9tICcuL3Rvb2x0aXAvYXNrLXRvb2x0aXAuZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9zcGlubmVyL3NwaW5uZXIuZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9hc2stZHJvcGRvd24uZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9hdXRvZm9jdXMvYXV0b2ZvY3VzLmRpcmVjdGl2ZSdcbmV4cG9ydCAqIGZyb20gJy4vcmljaHRleHQtdG9vbGJveC9yaWNodGV4dC10b29sYm94LmRpcmVjdGl2ZSdcbmV4cG9ydCAqIGZyb20gJy4vaW5wdXQvaW5wdXQuZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9saXN0LWl0ZW0vbGlzdC1pdGVtLmRpcmVjdGl2ZSdcbiJdfQ==
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { Directive, HostBinding } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export class InputDirective {
|
4
|
+
constructor() {
|
5
|
+
this.defaultButton = true;
|
6
|
+
}
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: InputDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: InputDirective, selector: "input[askInput]", host: { properties: { "class.default-input": "this.defaultButton" } }, ngImport: i0 }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: InputDirective, decorators: [{
|
11
|
+
type: Directive,
|
12
|
+
args: [{
|
13
|
+
selector: 'input[askInput]'
|
14
|
+
}]
|
15
|
+
}], propDecorators: { defaultButton: [{
|
16
|
+
type: HostBinding,
|
17
|
+
args: ['class.default-input']
|
18
|
+
}] } });
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5wdXQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvZGlyZWN0aXZlcy9pbnB1dC9pbnB1dC5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBS3ZELE1BQU0sT0FBTyxjQUFjO0lBSDNCO1FBSXNDLGtCQUFhLEdBQUcsSUFBSSxDQUFDO0tBQzFEOzhHQUZZLGNBQWM7a0dBQWQsY0FBYzs7MkZBQWQsY0FBYztrQkFIMUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO2lCQUM1Qjs4QkFFcUMsYUFBYTtzQkFBaEQsV0FBVzt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEhvc3RCaW5kaW5nIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ2lucHV0W2Fza0lucHV0XSdcbn0pXG5leHBvcnQgY2xhc3MgSW5wdXREaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmRlZmF1bHQtaW5wdXQnKSBkZWZhdWx0QnV0dG9uID0gdHJ1ZTtcbn1cbiJdfQ==
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import { Directive, HostBinding } from '@angular/core';
|
2
|
+
import * as i0 from "@angular/core";
|
3
|
+
export class ListItemDirective {
|
4
|
+
constructor() {
|
5
|
+
this.listItem = true;
|
6
|
+
}
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ListItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
|
8
|
+
static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.3.7", type: ListItemDirective, selector: "[askListItem]", host: { properties: { "class.list-item": "this.listItem" } }, ngImport: i0 }); }
|
9
|
+
}
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ListItemDirective, decorators: [{
|
11
|
+
type: Directive,
|
12
|
+
args: [{
|
13
|
+
selector: '[askListItem]',
|
14
|
+
}]
|
15
|
+
}], propDecorators: { listItem: [{
|
16
|
+
type: HostBinding,
|
17
|
+
args: ['class.list-item']
|
18
|
+
}] } });
|
19
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1pdGVtLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2RpcmVjdGl2ZXMvbGlzdC1pdGVtL2xpc3QtaXRlbS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBS3ZELE1BQU0sT0FBTyxpQkFBaUI7SUFIOUI7UUFJa0MsYUFBUSxHQUFHLElBQUksQ0FBQztLQUNqRDs4R0FGWSxpQkFBaUI7a0dBQWpCLGlCQUFpQjs7MkZBQWpCLGlCQUFpQjtrQkFIN0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsZUFBZTtpQkFDMUI7OEJBRWlDLFFBQVE7c0JBQXZDLFdBQVc7dUJBQUMsaUJBQWlCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlLCBIb3N0QmluZGluZyB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbYXNrTGlzdEl0ZW1dJyxcbn0pXG5leHBvcnQgY2xhc3MgTGlzdEl0ZW1EaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmxpc3QtaXRlbScpIGxpc3RJdGVtID0gdHJ1ZTtcbn1cbiJdfQ==
|
@@ -1,4 +1,4 @@
|
|
1
|
-
import { InjectionToken } from
|
1
|
+
import { InjectionToken } from '@angular/core';
|
2
2
|
export const ASK_MODAL_CONFIG = new InjectionToken('Default modal options');
|
3
3
|
export const ASK_MODAL_DATA = new InjectionToken('Modal data');
|
4
|
-
//# sourceMappingURL=data:application/json;base64,
|
4
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvc2VydmljZXMvbW9kYWwvbW9kYWwuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFVL0MsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxjQUFjLENBQ2hELHVCQUF1QixDQUN4QixDQUFDO0FBQ0YsTUFBTSxDQUFDLE1BQU0sY0FBYyxHQUFHLElBQUksY0FBYyxDQUFNLFlBQVksQ0FBQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0aW9uVG9rZW4gfSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuZXhwb3J0IHR5cGUgTW9kYWxDb25maWcgPSB7XG4gIGhhc0JhY2tkcm9wPzogYm9vbGVhbjtcbiAgb25TY3JvbGw/OiAnY2xvc2UnIHwgJ2tlZXAnO1xuICBkYXRhPzogYW55O1xuICBmdWxsc2NyZWVuPzogYm9vbGVhbjtcbiAgbWF4V2lkdGg/OiBudW1iZXI7XG59O1xuXG5leHBvcnQgY29uc3QgQVNLX01PREFMX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxNb2RhbENvbmZpZz4oXG4gICdEZWZhdWx0IG1vZGFsIG9wdGlvbnMnXG4pO1xuZXhwb3J0IGNvbnN0IEFTS19NT0RBTF9EQVRBID0gbmV3IEluamVjdGlvblRva2VuPGFueT4oJ01vZGFsIGRhdGEnKTtcbiJdfQ==
|
@@ -1,9 +1,9 @@
|
|
1
|
+
import { ComponentPortal } from '@angular/cdk/portal';
|
1
2
|
import { Injectable, Injector } from '@angular/core';
|
2
|
-
import {
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import {
|
6
|
-
import { ConfirmationModalComponent } from "../../components/modal/confirmation-modal/confirmation-modal.component";
|
3
|
+
import { ConfirmationModalComponent, } from '../../components/modal/confirmation-modal/confirmation-modal.component';
|
4
|
+
import { ModalComponent, } from '../../components/modal/modal.component';
|
5
|
+
import { ModalRef } from './modal-ref';
|
6
|
+
import { ASK_MODAL_DATA } from './modal.config';
|
7
7
|
import * as i0 from "@angular/core";
|
8
8
|
import * as i1 from "@angular/cdk/overlay";
|
9
9
|
export class ModalService {
|
@@ -15,7 +15,7 @@ export class ModalService {
|
|
15
15
|
open(component, config) {
|
16
16
|
const overlayRef = this.getOverlay(config);
|
17
17
|
const finalConfig = {
|
18
|
-
data: config?.data ?? null
|
18
|
+
data: config?.data ?? null,
|
19
19
|
};
|
20
20
|
const modalRef = new ModalRef(overlayRef);
|
21
21
|
const injector = this.createInjector({ ...finalConfig }, modalRef);
|
@@ -30,7 +30,8 @@ export class ModalService {
|
|
30
30
|
}
|
31
31
|
confirmModal(data) {
|
32
32
|
return this.open(ConfirmationModalComponent, {
|
33
|
-
data
|
33
|
+
data,
|
34
|
+
maxWidth: 440,
|
34
35
|
});
|
35
36
|
}
|
36
37
|
createInjector(config, modalRef) {
|
@@ -39,18 +40,22 @@ export class ModalService {
|
|
39
40
|
providers: [
|
40
41
|
{ provide: ASK_MODAL_DATA, useValue: config.data },
|
41
42
|
{ provide: ModalRef, useValue: modalRef },
|
42
|
-
]
|
43
|
+
],
|
43
44
|
});
|
44
45
|
}
|
45
46
|
getPositionStrategy() {
|
46
|
-
return this.overlay
|
47
|
+
return this.overlay
|
48
|
+
.position()
|
49
|
+
.global()
|
50
|
+
.centerVertically()
|
51
|
+
.centerHorizontally();
|
47
52
|
}
|
48
53
|
// Modal config can be used to parametrize the overlay creation params
|
49
54
|
getOverlay(config) {
|
50
55
|
const positionStrategy = this.getPositionStrategy();
|
51
|
-
const dimensionConfig = config?.fullscreen
|
52
|
-
{ width: '100vw', height: '100vh' }
|
53
|
-
{ maxWidth: '80vw' };
|
56
|
+
const dimensionConfig = config?.fullscreen
|
57
|
+
? { width: '100vw', height: '100vh' }
|
58
|
+
: { maxWidth: config?.maxWidth ?? '80vw' };
|
54
59
|
return this.overlay.create({
|
55
60
|
positionStrategy,
|
56
61
|
hasBackdrop: config?.hasBackdrop || true,
|
@@ -66,7 +71,7 @@ export class ModalService {
|
|
66
71
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.7", ngImport: i0, type: ModalService, decorators: [{
|
67
72
|
type: Injectable,
|
68
73
|
args: [{
|
69
|
-
providedIn: 'root'
|
74
|
+
providedIn: 'root',
|
70
75
|
}]
|
71
76
|
}], ctorParameters: () => [{ type: i1.Overlay }, { type: i0.Injector }] });
|
72
|
-
//# sourceMappingURL=data:application/json;base64,
|
77
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL3NlcnZpY2VzL21vZGFsL21vZGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQ3RELE9BQU8sRUFBRSxVQUFVLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JELE9BQU8sRUFFTCwwQkFBMEIsR0FDM0IsTUFBTSx3RUFBd0UsQ0FBQztBQUNoRixPQUFPLEVBRUwsY0FBYyxHQUNmLE1BQU0sd0NBQXdDLENBQUM7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGFBQWEsQ0FBQztBQUN2QyxPQUFPLEVBQUUsY0FBYyxFQUFlLE1BQU0sZ0JBQWdCLENBQUM7OztBQUs3RCxNQUFNLE9BQU8sWUFBWTtJQUN2QixzQ0FBc0M7SUFFdEMsWUFBb0IsT0FBZ0IsRUFBVSxRQUFrQjtRQUE1QyxZQUFPLEdBQVAsT0FBTyxDQUFTO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVTtJQUFHLENBQUM7SUFFcEUsSUFBSSxDQUFJLFNBQTJCLEVBQUUsTUFBb0I7UUFDdkQsTUFBTSxVQUFVLEdBQUcsSUFBSSxDQUFDLFVBQVUsQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUMzQyxNQUFNLFdBQVcsR0FBRztZQUNsQixJQUFJLEVBQUUsTUFBTSxFQUFFLElBQUksSUFBSSxJQUFJO1NBQzNCLENBQUM7UUFDRixNQUFNLFFBQVEsR0FBRyxJQUFJLFFBQVEsQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUMxQyxNQUFNLFFBQVEsR0FBRyxJQUFJLENBQUMsY0FBYyxDQUFDLEVBQUUsR0FBRyxXQUFXLEVBQUUsRUFBRSxRQUFRLENBQUMsQ0FBQztRQUNuRSxNQUFNLFdBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBQyxjQUFjLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ3hFLE1BQU0sR0FBRyxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUMsV0FBVyxDQUFDLENBQUM7UUFFM0MsUUFBUSxDQUFDLE9BQU8sR0FBRyxHQUFHLENBQUMsUUFBUSxDQUFDLGFBQWEsQ0FBQztRQUM5QyxxRUFBcUU7UUFDckUsVUFBVSxDQUFDLGFBQWEsRUFBRSxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLENBQUMsQ0FBQztRQUU3RCxHQUFHLENBQUMsUUFBUSxDQUFDLE9BQU8sR0FBRyxTQUFTLENBQUM7UUFDakMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxVQUFVLEdBQUcsTUFBTSxFQUFFLFVBQVUsSUFBSSxLQUFLLENBQUM7UUFFdEQsT0FBTyxRQUFRLENBQUM7SUFDbEIsQ0FBQztJQUVELFlBQVksQ0FBQyxJQUF5QjtRQUNwQyxPQUFPLElBQUksQ0FBQyxJQUFJLENBQUMsMEJBQTBCLEVBQUU7WUFDM0MsSUFBSTtZQUNKLFFBQVEsRUFBRSxHQUFHO1NBQ2QsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLGNBQWMsQ0FDcEIsTUFBMkIsRUFDM0IsUUFBa0I7UUFFbEIsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQ3JCLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUTtZQUNyQixTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFO2dCQUNsRCxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTthQUMxQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsT0FBTyxJQUFJLENBQUMsT0FBTzthQUNoQixRQUFRLEVBQUU7YUFDVixNQUFNLEVBQUU7YUFDUixnQkFBZ0IsRUFBRTthQUNsQixrQkFBa0IsRUFBRSxDQUFDO0lBQzFCLENBQUM7SUFFRCxzRUFBc0U7SUFDdEUsVUFBVSxDQUFDLE1BQW9CO1FBQzdCLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7UUFDcEQsTUFBTSxlQUFlLEdBQWtCLE1BQU0sRUFBRSxVQUFVO1lBQ3ZELENBQUMsQ0FBQyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE9BQU8sRUFBRTtZQUNyQyxDQUFDLENBQUMsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLFFBQVEsSUFBSSxNQUFNLEVBQUUsQ0FBQztRQUU3QyxPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsTUFBTSxDQUFDO1lBQ3pCLGdCQUFnQjtZQUNoQixXQUFXLEVBQUUsTUFBTSxFQUFFLFdBQVcsSUFBSSxJQUFJO1lBQ3hDLGFBQWEsRUFBRSwyQkFBMkI7WUFDMUMsbUJBQW1CLEVBQUUsSUFBSTtZQUN6QixjQUFjLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxnQkFBZ0IsQ0FBQyxLQUFLLEVBQUU7WUFDckQsR0FBRyxlQUFlO1NBQ25CLENBQUMsQ0FBQztJQUNMLENBQUM7OEdBcEVVLFlBQVk7a0hBQVosWUFBWSxjQUZYLE1BQU07OzJGQUVQLFlBQVk7a0JBSHhCLFVBQVU7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLE1BQU07aUJBQ25CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3ZlcmxheSwgT3ZlcmxheUNvbmZpZywgUG9zaXRpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IENvbXBvbmVudFBvcnRhbCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9wb3J0YWwnO1xuaW1wb3J0IHsgSW5qZWN0YWJsZSwgSW5qZWN0b3IgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gIEFza01vZGFsQ29uZmlybURhdGEsXG4gIENvbmZpcm1hdGlvbk1vZGFsQ29tcG9uZW50LFxufSBmcm9tICcuLi8uLi9jb21wb25lbnRzL21vZGFsL2NvbmZpcm1hdGlvbi1tb2RhbC9jb25maXJtYXRpb24tbW9kYWwuY29tcG9uZW50JztcbmltcG9ydCB7XG4gIENvbXBvbmVudFR5cGUsXG4gIE1vZGFsQ29tcG9uZW50LFxufSBmcm9tICcuLi8uLi9jb21wb25lbnRzL21vZGFsL21vZGFsLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbFJlZiB9IGZyb20gJy4vbW9kYWwtcmVmJztcbmltcG9ydCB7IEFTS19NT0RBTF9EQVRBLCBNb2RhbENvbmZpZyB9IGZyb20gJy4vbW9kYWwuY29uZmlnJztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsU2VydmljZSB7XG4gIC8vIFRPRE86IGNyZWF0ZSBhIHN0YXRlIG9mIG9wZW4gbW9kYWxzXG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBvdmVybGF5OiBPdmVybGF5LCBwcml2YXRlIGluamVjdG9yOiBJbmplY3Rvcikge31cblxuICBvcGVuPFQ+KGNvbXBvbmVudDogQ29tcG9uZW50VHlwZTxUPiwgY29uZmlnPzogTW9kYWxDb25maWcpIHtcbiAgICBjb25zdCBvdmVybGF5UmVmID0gdGhpcy5nZXRPdmVybGF5KGNvbmZpZyk7XG4gICAgY29uc3QgZmluYWxDb25maWcgPSB7XG4gICAgICBkYXRhOiBjb25maWc/LmRhdGEgPz8gbnVsbCxcbiAgICB9O1xuICAgIGNvbnN0IG1vZGFsUmVmID0gbmV3IE1vZGFsUmVmKG92ZXJsYXlSZWYpO1xuICAgIGNvbnN0IGluamVjdG9yID0gdGhpcy5jcmVhdGVJbmplY3Rvcih7IC4uLmZpbmFsQ29uZmlnIH0sIG1vZGFsUmVmKTtcbiAgICBjb25zdCBtb2RhbFBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoTW9kYWxDb21wb25lbnQsIG51bGwsIGluamVjdG9yKTtcbiAgICBjb25zdCByZWYgPSBvdmVybGF5UmVmLmF0dGFjaChtb2RhbFBvcnRhbCk7XG5cbiAgICBtb2RhbFJlZi5lbGVtZW50ID0gcmVmLmxvY2F0aW9uLm5hdGl2ZUVsZW1lbnQ7XG4gICAgLy8gSWYgbmVjZXNzYXJ5LCB0aGlzIGNhbiBiZSBwYXJhbWV0cml6ZWQgdXNpbmcgTW9kYWxDb25maWcgaW50ZXJmYWNlXG4gICAgb3ZlcmxheVJlZi5iYWNrZHJvcENsaWNrKCkuc3Vic2NyaWJlKCgpID0+IG1vZGFsUmVmLmNsb3NlKCkpO1xuXG4gICAgcmVmLmluc3RhbmNlLmNvbnRlbnQgPSBjb21wb25lbnQ7XG4gICAgcmVmLmluc3RhbmNlLmZ1bGxzY3JlZW4gPSBjb25maWc/LmZ1bGxzY3JlZW4gfHwgZmFsc2U7XG5cbiAgICByZXR1cm4gbW9kYWxSZWY7XG4gIH1cblxuICBjb25maXJtTW9kYWwoZGF0YTogQXNrTW9kYWxDb25maXJtRGF0YSkge1xuICAgIHJldHVybiB0aGlzLm9wZW4oQ29uZmlybWF0aW9uTW9kYWxDb21wb25lbnQsIHtcbiAgICAgIGRhdGEsXG4gICAgICBtYXhXaWR0aDogNDQwLFxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVJbmplY3RvcihcbiAgICBjb25maWc6IE1vZGFsQ29uZmlnWydkYXRhJ10sXG4gICAgbW9kYWxSZWY6IE1vZGFsUmVmXG4gICk6IEluamVjdG9yIHtcbiAgICByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHtcbiAgICAgIHBhcmVudDogdGhpcy5pbmplY3RvcixcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7IHByb3ZpZGU6IEFTS19NT0RBTF9EQVRBLCB1c2VWYWx1ZTogY29uZmlnLmRhdGEgfSxcbiAgICAgICAgeyBwcm92aWRlOiBNb2RhbFJlZiwgdXNlVmFsdWU6IG1vZGFsUmVmIH0sXG4gICAgICBdLFxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRQb3NpdGlvblN0cmF0ZWd5KCk6IFBvc2l0aW9uU3RyYXRlZ3kge1xuICAgIHJldHVybiB0aGlzLm92ZXJsYXlcbiAgICAgIC5wb3NpdGlvbigpXG4gICAgICAuZ2xvYmFsKClcbiAgICAgIC5jZW50ZXJWZXJ0aWNhbGx5KClcbiAgICAgIC5jZW50ZXJIb3Jpem9udGFsbHkoKTtcbiAgfVxuXG4gIC8vIE1vZGFsIGNvbmZpZyBjYW4gYmUgdXNlZCB0byBwYXJhbWV0cml6ZSB0aGUgb3ZlcmxheSBjcmVhdGlvbiBwYXJhbXNcbiAgZ2V0T3ZlcmxheShjb25maWc/OiBNb2RhbENvbmZpZykge1xuICAgIGNvbnN0IHBvc2l0aW9uU3RyYXRlZ3kgPSB0aGlzLmdldFBvc2l0aW9uU3RyYXRlZ3koKTtcbiAgICBjb25zdCBkaW1lbnNpb25Db25maWc6IE92ZXJsYXlDb25maWcgPSBjb25maWc/LmZ1bGxzY3JlZW5cbiAgICAgID8geyB3aWR0aDogJzEwMHZ3JywgaGVpZ2h0OiAnMTAwdmgnIH1cbiAgICAgIDogeyBtYXhXaWR0aDogY29uZmlnPy5tYXhXaWR0aCA/PyAnODB2dycgfTtcblxuICAgIHJldHVybiB0aGlzLm92ZXJsYXkuY3JlYXRlKHtcbiAgICAgIHBvc2l0aW9uU3RyYXRlZ3ksXG4gICAgICBoYXNCYWNrZHJvcDogY29uZmlnPy5oYXNCYWNrZHJvcCB8fCB0cnVlLFxuICAgICAgYmFja2Ryb3BDbGFzczogJ2Nkay1vdmVybGF5LWRhcmstYmFja2Ryb3AnLFxuICAgICAgZGlzcG9zZU9uTmF2aWdhdGlvbjogdHJ1ZSxcbiAgICAgIHNjcm9sbFN0cmF0ZWd5OiB0aGlzLm92ZXJsYXkuc2Nyb2xsU3RyYXRlZ2llcy5ibG9jaygpLFxuICAgICAgLi4uZGltZW5zaW9uQ29uZmlnLFxuICAgIH0pO1xuICB9XG59XG4iXX0=
|