asksuite-citrus 1.3.0 → 1.5.0
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/assets/citrus-i18n/en.json +1 -0
- package/assets/citrus-i18n/es.json +1 -0
- package/assets/citrus-i18n/pt.json +1 -0
- package/esm2022/lib/asksuite-citrus.module.mjs +8 -3
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +3 -7
- package/esm2022/lib/components/modal/modal.component.mjs +8 -3
- package/esm2022/lib/components/pagination/pagination.component.mjs +98 -0
- package/esm2022/lib/services/modal/modal.config.mjs +1 -1
- package/esm2022/lib/services/modal/modal.service.mjs +6 -2
- package/esm2022/public-api.mjs +2 -1
- package/fesm2022/asksuite-citrus.mjs +114 -12
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/asksuite-citrus.module.d.ts +8 -7
- package/lib/components/autocomplete/autocomplete.component.d.ts +0 -1
- package/lib/components/modal/modal.component.d.ts +2 -1
- package/lib/components/pagination/pagination.component.d.ts +37 -0
- package/lib/services/modal/modal.config.d.ts +4 -3
- package/package.json +1 -1
- package/public-api.d.ts +1 -0
|
@@ -24,6 +24,7 @@ export class ModalService {
|
|
|
24
24
|
// If necessary, this can be parametrized using ModalConfig interface
|
|
25
25
|
overlayRef.backdropClick().subscribe(() => modalRef.close());
|
|
26
26
|
ref.instance.content = component;
|
|
27
|
+
ref.instance.fullscreen = config?.fullscreen || false;
|
|
27
28
|
return modalRef;
|
|
28
29
|
}
|
|
29
30
|
createInjector(config, modalRef) {
|
|
@@ -41,13 +42,16 @@ export class ModalService {
|
|
|
41
42
|
// Modal config can be used to parametrize the overlay creation params
|
|
42
43
|
getOverlay(config) {
|
|
43
44
|
const positionStrategy = this.getPositionStrategy();
|
|
45
|
+
const dimensionConfig = config?.fullscreen ?
|
|
46
|
+
{ width: '100vw', height: '100vh' } :
|
|
47
|
+
{ maxWidth: '80vw' };
|
|
44
48
|
return this.overlay.create({
|
|
45
49
|
positionStrategy,
|
|
46
50
|
hasBackdrop: config?.hasBackdrop || true,
|
|
47
51
|
backdropClass: 'cdk-overlay-dark-backdrop',
|
|
48
52
|
disposeOnNavigation: true,
|
|
49
53
|
scrollStrategy: this.overlay.scrollStrategies.block(),
|
|
50
|
-
|
|
54
|
+
...dimensionConfig,
|
|
51
55
|
});
|
|
52
56
|
}
|
|
53
57
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ModalService, deps: [{ token: i1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
@@ -59,4 +63,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
59
63
|
providedIn: 'root'
|
|
60
64
|
}]
|
|
61
65
|
}], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }]; } });
|
|
62
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
66
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL3NlcnZpY2VzL21vZGFsL21vZGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbkQsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGFBQWEsQ0FBQztBQUNyQyxPQUFPLEVBQUMsY0FBYyxFQUFjLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0QsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBZ0IsY0FBYyxFQUFDLE1BQU0sd0NBQXdDLENBQUM7OztBQUtyRixNQUFNLE9BQU8sWUFBWTtJQUV2QixzQ0FBc0M7SUFFdEMsWUFBb0IsT0FBZ0IsRUFDaEIsUUFBa0I7UUFEbEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNoQixhQUFRLEdBQVIsUUFBUSxDQUFVO0lBQ2xDLENBQUM7SUFFTCxJQUFJLENBQUksU0FBMkIsRUFBRSxNQUFvQjtRQUN2RCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQzFDLE1BQU0sV0FBVyxHQUFHO1lBQ2xCLElBQUksRUFBRSxNQUFNLEVBQUUsSUFBSSxJQUFJLElBQUk7U0FDM0IsQ0FBQTtRQUNELE1BQU0sUUFBUSxHQUFHLElBQUksUUFBUSxDQUFDLFVBQVUsQ0FBQyxDQUFBO1FBQ3pDLE1BQU0sUUFBUSxHQUFHLElBQUksQ0FBQyxjQUFjLENBQUMsRUFBRSxHQUFHLFdBQVcsRUFBRSxFQUFFLFFBQVEsQ0FBQyxDQUFDO1FBQ25FLE1BQU0sV0FBVyxHQUFHLElBQUksZUFBZSxDQUFDLGNBQWMsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDeEUsTUFBTSxHQUFHLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUUzQyxRQUFRLENBQUMsT0FBTyxHQUFHLEdBQUcsQ0FBQyxRQUFRLENBQUMsYUFBYSxDQUFBO1FBQzdDLHFFQUFxRTtRQUNyRSxVQUFVLENBQUMsYUFBYSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUsQ0FBQyxDQUFBO1FBRTVELEdBQUcsQ0FBQyxRQUFRLENBQUMsT0FBTyxHQUFHLFNBQVMsQ0FBQTtRQUNoQyxHQUFHLENBQUMsUUFBUSxDQUFDLFVBQVUsR0FBRyxNQUFNLEVBQUUsVUFBVSxJQUFJLEtBQUssQ0FBQztRQUV0RCxPQUFPLFFBQVEsQ0FBQTtJQUNqQixDQUFDO0lBRU8sY0FBYyxDQUFDLE1BQTJCLEVBQUUsUUFBa0I7UUFDcEUsT0FBTyxRQUFRLENBQUMsTUFBTSxDQUFDO1lBQ3JCLE1BQU0sRUFBRSxJQUFJLENBQUMsUUFBUTtZQUNyQixTQUFTLEVBQUU7Z0JBQ1QsRUFBRSxPQUFPLEVBQUUsY0FBYyxFQUFFLFFBQVEsRUFBRSxNQUFNLENBQUMsSUFBSSxFQUFFO2dCQUNsRCxFQUFFLE9BQU8sRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLFFBQVEsRUFBRTthQUMxQztTQUNGLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLFFBQVEsRUFBRSxDQUFDLE1BQU0sRUFBRSxDQUFDLGdCQUFnQixFQUFFLENBQUMsa0JBQWtCLEVBQUUsQ0FBQztJQUNsRixDQUFDO0lBRUQsc0VBQXNFO0lBQ3RFLFVBQVUsQ0FBQyxNQUFvQjtRQUM3QixNQUFNLGdCQUFnQixHQUFHLElBQUksQ0FBQyxtQkFBbUIsRUFBRSxDQUFDO1FBQ3BELE1BQU0sZUFBZSxHQUFrQixNQUFNLEVBQUUsVUFBVSxDQUFDLENBQUM7WUFDekQsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsQ0FBQyxDQUFDO1lBQ3JDLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFDO1FBRXZCLE9BQU8sSUFBSSxDQUFDLE9BQU8sQ0FBQyxNQUFNLENBQUM7WUFDekIsZ0JBQWdCO1lBQ2hCLFdBQVcsRUFBRSxNQUFNLEVBQUUsV0FBVyxJQUFJLElBQUk7WUFDeEMsYUFBYSxFQUFFLDJCQUEyQjtZQUMxQyxtQkFBbUIsRUFBRSxJQUFJO1lBQ3pCLGNBQWMsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLGdCQUFnQixDQUFDLEtBQUssRUFBRTtZQUNyRCxHQUFHLGVBQWU7U0FDbkIsQ0FBQyxDQUFDO0lBQ0wsQ0FBQzs4R0F6RFUsWUFBWTtrSEFBWixZQUFZLGNBRlgsTUFBTTs7MkZBRVAsWUFBWTtrQkFIeEIsVUFBVTttQkFBQztvQkFDVixVQUFVLEVBQUUsTUFBTTtpQkFDbkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGUsIEluamVjdG9yfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7T3ZlcmxheSwgT3ZlcmxheUNvbmZpZywgUG9zaXRpb25TdHJhdGVneX0gZnJvbSBcIkBhbmd1bGFyL2Nkay9vdmVybGF5XCI7XG5pbXBvcnQge01vZGFsUmVmfSBmcm9tIFwiLi9tb2RhbC1yZWZcIjtcbmltcG9ydCB7QVNLX01PREFMX0RBVEEsIE1vZGFsQ29uZmlnfSBmcm9tIFwiLi9tb2RhbC5jb25maWdcIjtcbmltcG9ydCB7Q29tcG9uZW50UG9ydGFsfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3BvcnRhbFwiO1xuaW1wb3J0IHtDb21wb25lbnRUeXBlLCBNb2RhbENvbXBvbmVudH0gZnJvbSBcIi4uLy4uL2NvbXBvbmVudHMvbW9kYWwvbW9kYWwuY29tcG9uZW50XCI7XG5cbkBJbmplY3RhYmxlKHtcbiAgcHJvdmlkZWRJbjogJ3Jvb3QnXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsU2VydmljZSB7XG5cbiAgLy8gVE9ETzogY3JlYXRlIGEgc3RhdGUgb2Ygb3BlbiBtb2RhbHNcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXksXG4gICAgICAgICAgICAgIHByaXZhdGUgaW5qZWN0b3I6IEluamVjdG9yLFxuICApIHsgfVxuXG4gIG9wZW48VD4oY29tcG9uZW50OiBDb21wb25lbnRUeXBlPFQ+LCBjb25maWc/OiBNb2RhbENvbmZpZykge1xuICAgIGNvbnN0IG92ZXJsYXlSZWYgPSB0aGlzLmdldE92ZXJsYXkoY29uZmlnKVxuICAgIGNvbnN0IGZpbmFsQ29uZmlnID0ge1xuICAgICAgZGF0YTogY29uZmlnPy5kYXRhID8/IG51bGxcbiAgICB9XG4gICAgY29uc3QgbW9kYWxSZWYgPSBuZXcgTW9kYWxSZWYob3ZlcmxheVJlZilcbiAgICBjb25zdCBpbmplY3RvciA9IHRoaXMuY3JlYXRlSW5qZWN0b3IoeyAuLi5maW5hbENvbmZpZyB9LCBtb2RhbFJlZik7XG4gICAgY29uc3QgbW9kYWxQb3J0YWwgPSBuZXcgQ29tcG9uZW50UG9ydGFsKE1vZGFsQ29tcG9uZW50LCBudWxsLCBpbmplY3Rvcik7XG4gICAgY29uc3QgcmVmID0gb3ZlcmxheVJlZi5hdHRhY2gobW9kYWxQb3J0YWwpO1xuXG4gICAgbW9kYWxSZWYuZWxlbWVudCA9IHJlZi5sb2NhdGlvbi5uYXRpdmVFbGVtZW50XG4gICAgLy8gSWYgbmVjZXNzYXJ5LCB0aGlzIGNhbiBiZSBwYXJhbWV0cml6ZWQgdXNpbmcgTW9kYWxDb25maWcgaW50ZXJmYWNlXG4gICAgb3ZlcmxheVJlZi5iYWNrZHJvcENsaWNrKCkuc3Vic2NyaWJlKCgpID0+IG1vZGFsUmVmLmNsb3NlKCkpXG5cbiAgICByZWYuaW5zdGFuY2UuY29udGVudCA9IGNvbXBvbmVudFxuICAgIHJlZi5pbnN0YW5jZS5mdWxsc2NyZWVuID0gY29uZmlnPy5mdWxsc2NyZWVuIHx8IGZhbHNlO1xuXG4gICAgcmV0dXJuIG1vZGFsUmVmXG4gIH1cblxuICBwcml2YXRlIGNyZWF0ZUluamVjdG9yKGNvbmZpZzogTW9kYWxDb25maWdbXCJkYXRhXCJdLCBtb2RhbFJlZjogTW9kYWxSZWYpOiBJbmplY3RvciB7XG4gICAgcmV0dXJuIEluamVjdG9yLmNyZWF0ZSh7XG4gICAgICBwYXJlbnQ6IHRoaXMuaW5qZWN0b3IsXG4gICAgICBwcm92aWRlcnM6IFtcbiAgICAgICAgeyBwcm92aWRlOiBBU0tfTU9EQUxfREFUQSwgdXNlVmFsdWU6IGNvbmZpZy5kYXRhIH0sXG4gICAgICAgIHsgcHJvdmlkZTogTW9kYWxSZWYsIHVzZVZhbHVlOiBtb2RhbFJlZiB9LFxuICAgICAgXVxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRQb3NpdGlvblN0cmF0ZWd5KCk6IFBvc2l0aW9uU3RyYXRlZ3kge1xuICAgIHJldHVybiB0aGlzLm92ZXJsYXkucG9zaXRpb24oKS5nbG9iYWwoKS5jZW50ZXJWZXJ0aWNhbGx5KCkuY2VudGVySG9yaXpvbnRhbGx5KCk7XG4gIH1cblxuICAvLyBNb2RhbCBjb25maWcgY2FuIGJlIHVzZWQgdG8gcGFyYW1ldHJpemUgdGhlIG92ZXJsYXkgY3JlYXRpb24gcGFyYW1zXG4gIGdldE92ZXJsYXkoY29uZmlnPzogTW9kYWxDb25maWcpIHtcbiAgICBjb25zdCBwb3NpdGlvblN0cmF0ZWd5ID0gdGhpcy5nZXRQb3NpdGlvblN0cmF0ZWd5KCk7XG4gICAgY29uc3QgZGltZW5zaW9uQ29uZmlnOiBPdmVybGF5Q29uZmlnID0gY29uZmlnPy5mdWxsc2NyZWVuID9cbiAgICAgIHsgd2lkdGg6ICcxMDB2dycsIGhlaWdodDogJzEwMHZoJyB9IDpcbiAgICAgIHsgbWF4V2lkdGg6ICc4MHZ3JyB9O1xuXG4gICAgcmV0dXJuIHRoaXMub3ZlcmxheS5jcmVhdGUoe1xuICAgICAgcG9zaXRpb25TdHJhdGVneSxcbiAgICAgIGhhc0JhY2tkcm9wOiBjb25maWc/Lmhhc0JhY2tkcm9wIHx8IHRydWUsXG4gICAgICBiYWNrZHJvcENsYXNzOiAnY2RrLW92ZXJsYXktZGFyay1iYWNrZHJvcCcsXG4gICAgICBkaXNwb3NlT25OYXZpZ2F0aW9uOiB0cnVlLFxuICAgICAgc2Nyb2xsU3RyYXRlZ3k6IHRoaXMub3ZlcmxheS5zY3JvbGxTdHJhdGVnaWVzLmJsb2NrKCksXG4gICAgICAuLi5kaW1lbnNpb25Db25maWcsXG4gICAgfSk7XG4gIH1cblxufVxuIl19
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -19,6 +19,7 @@ export * from './lib/components/character-counter/character-counter.component';
|
|
|
19
19
|
export * from './lib/components/accordion/accordion.component';
|
|
20
20
|
export * from './lib/components/accordion/extendable-panel/extendable-panel.component';
|
|
21
21
|
export * from './lib/components/table/table.component';
|
|
22
|
+
export * from './lib/components/pagination/pagination.component';
|
|
22
23
|
// Directives
|
|
23
24
|
export * from './lib/directives';
|
|
24
25
|
export * from './lib/components/modal/directives';
|
|
@@ -27,4 +28,4 @@ export * from './lib/services/toast/toast.service';
|
|
|
27
28
|
export * from './lib/services/modal';
|
|
28
29
|
// Config
|
|
29
30
|
export * from './lib/services/toast/toast.config';
|
|
30
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
31
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsOEJBQThCLENBQUM7QUFFN0MsYUFBYTtBQUNiLGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYyx3Q0FBd0MsQ0FBQTtBQUN0RCxjQUFjLDBDQUEwQyxDQUFBO0FBQ3hELGNBQWMsb0NBQW9DLENBQUE7QUFDbEQsY0FBYywwQ0FBMEMsQ0FBQTtBQUN4RCxjQUFjLGtFQUFrRSxDQUFBO0FBQ2hGLGNBQWMsc0RBQXNELENBQUE7QUFDcEUsY0FBYyw4Q0FBOEMsQ0FBQTtBQUM1RCxjQUFjLHdDQUF3QyxDQUFBO0FBQ3RELGNBQWMsb0RBQW9ELENBQUE7QUFDbEUsY0FBYyxrRkFBa0YsQ0FBQTtBQUNoRyxjQUFjLDhDQUE4QyxDQUFBO0FBQzVELGNBQWMsZ0VBQWdFLENBQUE7QUFDOUUsY0FBYyxnREFBZ0QsQ0FBQTtBQUM5RCxjQUFjLHdFQUF3RSxDQUFBO0FBQ3RGLGNBQWMsd0NBQXdDLENBQUE7QUFDdEQsY0FBYyxrREFBa0QsQ0FBQTtBQUVoRSxhQUFhO0FBQ2IsY0FBYyxrQkFBa0IsQ0FBQTtBQUNoQyxjQUFjLG1DQUFtQyxDQUFBO0FBRWpELFdBQVc7QUFDWCxjQUFjLG9DQUFvQyxDQUFDO0FBQ25ELGNBQWMsc0JBQXNCLENBQUM7QUFFckMsU0FBUztBQUNULGNBQWMsbUNBQW1DLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogUHVibGljIEFQSSBTdXJmYWNlIG9mIGFza3N1aXRlLWNpdHJ1c1xuICovXG5cbmV4cG9ydCAqIGZyb20gJy4vbGliL2Fza3N1aXRlLWNpdHJ1cy5tb2R1bGUnO1xuXG4vLyBDb21wb25lbnRzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2J1dHRvbi9idXR0b24uY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9pbnB1dC9pbnB1dC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9ib3gvYm94LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2Ryb3Bkb3duLWNvbnRhaW5lci9kcm9wZG93bi1jb250YWluZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdXRvY29tcGxldGUvYXV0b2NvbXBsZXRlLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvY2hlY2tib3gvY2hlY2tib3guY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jaGlwcy9jaGlwcy5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXItY2FsZW5kYXIvZGF0ZS1waWNrZXItY2FsZW5kYXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9za2VsZXRvbi9za2VsZXRvbi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoYXJhY3Rlci1jb3VudGVyL2NoYXJhY3Rlci1jb3VudGVyLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYWNjb3JkaW9uL2FjY29yZGlvbi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2FjY29yZGlvbi9leHRlbmRhYmxlLXBhbmVsL2V4dGVuZGFibGUtcGFuZWwuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy90YWJsZS90YWJsZS5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3BhZ2luYXRpb24vcGFnaW5hdGlvbi5jb21wb25lbnQnXG5cbi8vIERpcmVjdGl2ZXNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL21vZGFsL2RpcmVjdGl2ZXMnXG5cbi8vIFNlcnZpY2VzXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy90b2FzdC90b2FzdC5zZXJ2aWNlJztcbmV4cG9ydCAqIGZyb20gJy4vbGliL3NlcnZpY2VzL21vZGFsJztcblxuLy8gQ29uZmlnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9zZXJ2aWNlcy90b2FzdC90b2FzdC5jb25maWcnO1xuIl19
|
|
@@ -6,7 +6,7 @@ import * as i1$2 from '@angular/material/tooltip';
|
|
|
6
6
|
import { MatTooltip, MatTooltipModule } from '@angular/material/tooltip';
|
|
7
7
|
import * as i1$1 from '@angular/forms';
|
|
8
8
|
import { NG_VALUE_ACCESSOR, FormControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
9
|
-
import { debounceTime, tap, map,
|
|
9
|
+
import { debounceTime, tap, map, Subject } from 'rxjs';
|
|
10
10
|
import { TemplatePortal, ComponentPortal } from '@angular/cdk/portal';
|
|
11
11
|
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
|
|
12
12
|
import * as i1$3 from '@angular/cdk/overlay';
|
|
@@ -685,12 +685,11 @@ class AutocompleteComponent {
|
|
|
685
685
|
this.updateValidation();
|
|
686
686
|
if (this.paginatedFilteredOptions.length === 0)
|
|
687
687
|
this.getMoreItems();
|
|
688
|
-
this.scrollSub = fromEvent(window, 'scroll')
|
|
689
|
-
.subscribe(this.onScroll.bind(this));
|
|
690
688
|
}
|
|
691
689
|
getOverlayConfig(wrapper) {
|
|
692
690
|
return this.overlay.create({
|
|
693
691
|
width: wrapper.nativeElement.offsetWidth,
|
|
692
|
+
scrollStrategy: this.overlay.scrollStrategies.reposition(),
|
|
694
693
|
positionStrategy: this.overlay.position()
|
|
695
694
|
.flexibleConnectedTo(wrapper.nativeElement)
|
|
696
695
|
.withPositions([{
|
|
@@ -701,9 +700,6 @@ class AutocompleteComponent {
|
|
|
701
700
|
}])
|
|
702
701
|
});
|
|
703
702
|
}
|
|
704
|
-
onScroll() {
|
|
705
|
-
this._overlayRef?.updatePosition();
|
|
706
|
-
}
|
|
707
703
|
hideOptions() {
|
|
708
704
|
this.closed = true;
|
|
709
705
|
this.chipsCollapsed = true;
|
|
@@ -1696,14 +1692,19 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1696
1692
|
}] } });
|
|
1697
1693
|
|
|
1698
1694
|
class ModalComponent {
|
|
1695
|
+
constructor() {
|
|
1696
|
+
this.fullscreen = false;
|
|
1697
|
+
}
|
|
1699
1698
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ModalComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1700
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ModalComponent, selector: "ask-modal", inputs: { content: "content" }, ngImport: i0, template: "<div
|
|
1699
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ModalComponent, selector: "ask-modal", inputs: { content: "content", fullscreen: "fullscreen" }, ngImport: i0, template: "<div\n data-testid=\"ask-modal\"\n class=\"ask-modal\"\n [class.-fullscreen]=\"fullscreen\"\n>\n <div class=\"body\">\n <ng-container *ngComponentOutlet=\"content\"></ng-container>\n </div>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{min-height:inherit;min-width:inherit;max-height:inherit;max-width:inherit}.ask-modal{width:100%;height:100%}.ask-modal.-fullscreen{width:100vw;height:100vh}.ask-modal.-fullscreen>.body{border-radius:0}.ask-modal>.body{width:100%;height:100%;background:white;border-radius:8px;overflow-y:auto;position:relative;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}\n"], dependencies: [{ kind: "directive", type: i1.NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInjector", "ngComponentOutletContent", "ngComponentOutletNgModule", "ngComponentOutletNgModuleFactory"] }] }); }
|
|
1701
1700
|
}
|
|
1702
1701
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ModalComponent, decorators: [{
|
|
1703
1702
|
type: Component,
|
|
1704
|
-
args: [{ selector: 'ask-modal', template: "<div
|
|
1703
|
+
args: [{ selector: 'ask-modal', template: "<div\n data-testid=\"ask-modal\"\n class=\"ask-modal\"\n [class.-fullscreen]=\"fullscreen\"\n>\n <div class=\"body\">\n <ng-container *ngComponentOutlet=\"content\"></ng-container>\n </div>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{min-height:inherit;min-width:inherit;max-height:inherit;max-width:inherit}.ask-modal{width:100%;height:100%}.ask-modal.-fullscreen{width:100vw;height:100vh}.ask-modal.-fullscreen>.body{border-radius:0}.ask-modal>.body{width:100%;height:100%;background:white;border-radius:8px;overflow-y:auto;position:relative;display:flex;flex-direction:column;flex-grow:0;flex-shrink:0;box-sizing:border-box}\n"] }]
|
|
1705
1704
|
}], propDecorators: { content: [{
|
|
1706
1705
|
type: Input
|
|
1706
|
+
}], fullscreen: [{
|
|
1707
|
+
type: Input
|
|
1707
1708
|
}] } });
|
|
1708
1709
|
|
|
1709
1710
|
class ModalBodyDirective {
|
|
@@ -1896,6 +1897,99 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1896
1897
|
type: Input
|
|
1897
1898
|
}] } });
|
|
1898
1899
|
|
|
1900
|
+
class PaginationComponent {
|
|
1901
|
+
constructor() {
|
|
1902
|
+
this.maxPages = 1;
|
|
1903
|
+
this.maxPageItemsOnDisplay = 5;
|
|
1904
|
+
this.resultsPerPage = 10;
|
|
1905
|
+
this.resultsPerPageOptions = [10, 20, 30, 50, 100];
|
|
1906
|
+
this.pageChange = new EventEmitter();
|
|
1907
|
+
this.pagesDisplay = [];
|
|
1908
|
+
this.currentPageGroup = 0;
|
|
1909
|
+
this.selectedPage = 1;
|
|
1910
|
+
this.disablePrevious = true;
|
|
1911
|
+
this.disableNext = false;
|
|
1912
|
+
}
|
|
1913
|
+
ngOnInit() {
|
|
1914
|
+
this.buildDisplay(this.currentPageGroup);
|
|
1915
|
+
}
|
|
1916
|
+
changePage(page) {
|
|
1917
|
+
const pageAsString = page.toString();
|
|
1918
|
+
this.selectedPage = page;
|
|
1919
|
+
this.pagesDisplay.forEach(page => {
|
|
1920
|
+
page.isSelected = page.page === pageAsString;
|
|
1921
|
+
});
|
|
1922
|
+
this.disablePrevious = this.selectedPage === 1;
|
|
1923
|
+
this.disableNext = this.selectedPage === this.maxPages;
|
|
1924
|
+
const selectedPageGroup = this.getGroupByPage(this.selectedPage);
|
|
1925
|
+
if (selectedPageGroup !== this.currentPageGroup) {
|
|
1926
|
+
this.buildDisplay(selectedPageGroup);
|
|
1927
|
+
}
|
|
1928
|
+
this.emitChange();
|
|
1929
|
+
}
|
|
1930
|
+
buildDisplay(pageGroup) {
|
|
1931
|
+
this.currentPageGroup = pageGroup;
|
|
1932
|
+
const newDisplay = [];
|
|
1933
|
+
this.buildCurrentPageGroup(newDisplay, pageGroup);
|
|
1934
|
+
this.addPreviousPageGroupIfNeeded(newDisplay);
|
|
1935
|
+
this.addNextPageGroupIfNeeded(newDisplay);
|
|
1936
|
+
this.pagesDisplay = newDisplay;
|
|
1937
|
+
}
|
|
1938
|
+
buildCurrentPageGroup(newDisplay, pageGroup) {
|
|
1939
|
+
const initialPage = pageGroup * this.maxPageItemsOnDisplay + 1;
|
|
1940
|
+
for (let i = initialPage; i < initialPage + this.maxPageItemsOnDisplay && i <= this.maxPages; i++) {
|
|
1941
|
+
newDisplay.push(this.getPageItem(i.toString()));
|
|
1942
|
+
}
|
|
1943
|
+
}
|
|
1944
|
+
addPreviousPageGroupIfNeeded(newDisplay) {
|
|
1945
|
+
if (Number(newDisplay[0].page) > 1) {
|
|
1946
|
+
newDisplay.unshift(this.getPageItem('1'), this.getPageItem('...', this.incrementPageGroup.bind(this, -1)));
|
|
1947
|
+
}
|
|
1948
|
+
}
|
|
1949
|
+
addNextPageGroupIfNeeded(newDisplay) {
|
|
1950
|
+
if (Number(newDisplay[newDisplay.length - 1].page) < this.maxPages) {
|
|
1951
|
+
newDisplay.push(this.getPageItem('...', this.incrementPageGroup.bind(this, 1)), this.getPageItem(this.maxPages.toString()));
|
|
1952
|
+
}
|
|
1953
|
+
}
|
|
1954
|
+
getPageItem(page, clickFn) {
|
|
1955
|
+
return {
|
|
1956
|
+
page: page,
|
|
1957
|
+
isSelected: Number(page) === this.selectedPage,
|
|
1958
|
+
isGroupChange: page === '...',
|
|
1959
|
+
onClick: clickFn || this.changePage.bind(this, Number(page)),
|
|
1960
|
+
};
|
|
1961
|
+
}
|
|
1962
|
+
incrementPageGroup(num) {
|
|
1963
|
+
this.buildDisplay(this.currentPageGroup + num);
|
|
1964
|
+
}
|
|
1965
|
+
getGroupByPage(page) {
|
|
1966
|
+
return Math.ceil(page / this.maxPageItemsOnDisplay) - 1;
|
|
1967
|
+
}
|
|
1968
|
+
emitChange() {
|
|
1969
|
+
this.pageChange.emit({
|
|
1970
|
+
page: this.selectedPage,
|
|
1971
|
+
pageSize: this.resultsPerPage
|
|
1972
|
+
});
|
|
1973
|
+
}
|
|
1974
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PaginationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1975
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: PaginationComponent, selector: "ask-pagination", inputs: { maxPages: "maxPages", maxPageItemsOnDisplay: "maxPageItemsOnDisplay", resultsPerPage: "resultsPerPage", resultsPerPageOptions: "resultsPerPageOptions" }, outputs: { pageChange: "pageChange" }, ngImport: i0, template: "<div class=\"page-size\">\n <p class=\"label\">{{ 'RESULTS_PER_PAGE' | translate }}</p>\n\n <select\n class=\"size\"\n name=\"resultsPerPage\"\n id=\"resultsPerPage\"\n data-testid=\"results-per-page-select\"\n [ngModel]=\"resultsPerPage\"\n (change)=\"emitChange()\"\n >\n <option *ngFor=\"let value of resultsPerPageOptions\" [value]=\"value\">{{ value }}</option>\n </select>\n</div>\n\n<div class=\"page-selector\">\n <button\n type=\"button\"\n class=\"previous\"\n data-testid=\"previous-button\"\n [disabled]=\"disablePrevious\"\n (click)=\"changePage(selectedPage - 1)\"\n >\n <span class=\"material-icons\">\n chevron_left\n </span>\n </button>\n\n <div class=\"page-list\" data-testid=\"page-list\">\n <button\n *ngFor=\"let page of pagesDisplay\"\n type=\"button\"\n class=\"page\"\n [ngClass]=\"{\n '-selected': page.isSelected,\n '-more': page.isGroupChange,\n }\"\n (click)=\"page.onClick()\"\n >\n {{ page.page }}\n </button>\n </div>\n\n <button\n type=\"button\"\n class=\"next\"\n data-testid=\"next-button\"\n [disabled]=\"disableNext\"\n (click)=\"changePage(selectedPage + 1)\"\n >\n <span class=\"material-icons\">\n chevron_right\n </span>\n </button>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:flex;flex-direction:row;gap:32px}.page-size{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--font-color-200)}.page-size>.label{font-size:.875rem}.page-size>.size{border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:5.5px 8px;font-size:.875rem;color:var(--font-color-200)}.page-selector{display:flex;flex-direction:row;gap:2px}.page-selector>.previous,.page-selector>.next{display:flex;align-items:center;justify-content:center;border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:0 8px;font-size:.875rem;color:var(--font-color-200);width:32px;cursor:pointer;transition:all .2s}.page-selector>.previous:hover:not(:disabled),.page-selector>.next:hover:not(:disabled){border-color:var(--font-color-300);color:var(--font-color-300)}.page-selector>.previous:disabled,.page-selector>.next:disabled{border-color:var(--grey-200);color:var(--grey-200);cursor:not-allowed}.page-list{display:flex;flex-direction:row;gap:1px}.page-list>.page{display:flex;align-items:center;justify-content:center;background:var(--divider-background);color:var(--font-color-200);border:none;min-width:32px;padding:0 6px;cursor:pointer;transition:all .2s}.page-list>.page:first-child{border-radius:2px 0 0 2px}.page-list>.page:last-child{border-radius:0 2px 2px 0}.page-list>.page:hover{background:var(--hover-background)}.page-list>.page.-selected{background:var(--font-color-200);color:var(--primary-background)}.page-list>.page.-selected:hover{background:var(--font-color-300)}.page-list>.page.-more{background:none}.page-list>.page.-more:hover{background:var(--hover-background)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i3.TranslatePipe, name: "translate" }] }); }
|
|
1976
|
+
}
|
|
1977
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: PaginationComponent, decorators: [{
|
|
1978
|
+
type: Component,
|
|
1979
|
+
args: [{ selector: 'ask-pagination', template: "<div class=\"page-size\">\n <p class=\"label\">{{ 'RESULTS_PER_PAGE' | translate }}</p>\n\n <select\n class=\"size\"\n name=\"resultsPerPage\"\n id=\"resultsPerPage\"\n data-testid=\"results-per-page-select\"\n [ngModel]=\"resultsPerPage\"\n (change)=\"emitChange()\"\n >\n <option *ngFor=\"let value of resultsPerPageOptions\" [value]=\"value\">{{ value }}</option>\n </select>\n</div>\n\n<div class=\"page-selector\">\n <button\n type=\"button\"\n class=\"previous\"\n data-testid=\"previous-button\"\n [disabled]=\"disablePrevious\"\n (click)=\"changePage(selectedPage - 1)\"\n >\n <span class=\"material-icons\">\n chevron_left\n </span>\n </button>\n\n <div class=\"page-list\" data-testid=\"page-list\">\n <button\n *ngFor=\"let page of pagesDisplay\"\n type=\"button\"\n class=\"page\"\n [ngClass]=\"{\n '-selected': page.isSelected,\n '-more': page.isGroupChange,\n }\"\n (click)=\"page.onClick()\"\n >\n {{ page.page }}\n </button>\n </div>\n\n <button\n type=\"button\"\n class=\"next\"\n data-testid=\"next-button\"\n [disabled]=\"disableNext\"\n (click)=\"changePage(selectedPage + 1)\"\n >\n <span class=\"material-icons\">\n chevron_right\n </span>\n </button>\n</div>\n", styles: [":root{--asksuite-orange: #FF5724;--white: #FFF;--grey-50: #F5F7FA;--grey-100: #E4E7EB;--grey-200: #CBD2D9;--grey-300: #9AA5B1;--grey-400: #7B8794;--grey-500: #616E7C;--grey-600: #52606D;--grey-700: #3E4C59;--grey-800: #2A3042;--grey-900: #1F2933;--yellow-50: #FFF8E2;--yellow-200: #FFECB3;--success-green: #4BAF50;--warning-yellow: #FFC107;--error-red: #E8453E;--shadow: rgba(42, 48, 66, .1607843137);--lightblue-tag: #CDF9F3;--lavender-tag: #D4DAF3;--green-tag: #CEEEAA;--pink-tag: #FBC5FF;--orange-tag: #FED5C9;--purple-tag: #DDBFE5;--yellow-tag: #FFE0B2;--blue-tag: #B2E5FD;--brown-tag: #EFC89C;--whatsapp-green: #68B35D;--facebook-blue: #0084FF;--instagram-pink: #D53E91;--google-blue: #345DC8;--telegram-blue: #34AADF;--telephone-yellow: #FECB00;--primary-background: #FFF;--secondary-background: #EFF3F8;--hover-background: #F5F7FA;--divider-background: #E4E7EB;--font-color-100: #2A3042;--font-color-200: #616E7C;--font-color-300: #9AA5B1}:root{--font-default: $font-default;--font-code: $font-code}:root{--font-xs: $font-xs;--font-sm: $font-sm;--font-md: $font-md;--font-lg: $font-lg;--font-xl: $font-xl;--font-xxl: $font-xxl}:root{--font-weight-regular: $font-weight-regular;--font-weight-medium: $font-weight-medium}:root{--radii-px: $radii-px;--radii-xs: $radii-xs;--radii-sm: $radii-sm;--radii-md: $radii-md;--radii-lg: $radii-lg;--radii-full: $radii-full}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.scale-in-center{animation:scale-in-center .3s ease-in-out both}@keyframes scale-in-center{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}.scale-out-center{animation:scale-out-center .3s ease-in-out both}@keyframes scale-out-center{0%{transform:scale(1);opacity:1}to{transform:scale(0);opacity:1}}.ask-tooltip{background-color:#7b8794;color:#fff;padding:4px;border-radius:8px;position:relative}.ask-tooltip>div{text-align:center!important}.ask-tooltip:after{position:absolute;content:\"\";width:10px;height:10px;background-color:inherit}.ask-tooltip.-above{margin-bottom:4px}.ask-tooltip.-above:after{bottom:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-below{margin-top:4px}.ask-tooltip.-below:after{top:-5px;left:50%;transform:translate(-50%) rotate(45deg)}.ask-tooltip.-after,.ask-tooltip.-right{margin-left:4px}.ask-tooltip.-after:after,.ask-tooltip.-right:after{left:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-tooltip.-before,.ask-tooltip.-left{margin-right:4px}.ask-tooltip.-before:after,.ask-tooltip.-left:after{right:-5px;top:50%;transform:translateY(-50%) rotate(45deg)}.ask-button{padding:8px 24px;border-radius:6px;border:none;outline:none;height:48px;font-size:1rem;transition:background-color .1s,box-shadow .1s;cursor:pointer;font-weight:500;background:white;color:var(--grey-500)}.ask-button:not(.-primary,.-secondary){box-shadow:0 1px 2px #2a304229}.ask-button:not(.-primary):hover:not(:disabled){box-shadow:0 0 6px #2a304229}.ask-button:hover:not(:disabled){box-shadow:0 0 6px #ff572466}.ask-button:active:not(:disabled){background-color:#f34915}.ask-button:disabled{cursor:not-allowed;background-color:#9aa5b1}.ask-button.-primary{background:#FF5724;color:#fff}.ask-modal-header{display:block;position:relative;flex-shrink:0;box-sizing:border-box;margin:0 0 1px;padding:0 24px 9px}.ask-modal-body{flex-grow:1;box-sizing:border-box;margin:0;overflow:auto;padding:20px 24px;max-height:65vh;display:block}.ask-modal-footer{display:flex;position:relative;flex-shrink:0;flex-wrap:wrap;align-items:center;justify-content:flex-end;box-sizing:border-box;min-height:52px;margin:0;padding:8px;border-top:1px solid rgba(0,0,0,0)}.material-icons{font-family:Material Icons;font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:\"liga\";-webkit-font-smoothing:antialiased}*{box-sizing:border-box}*,button,select,textarea{font-family:Inter,sans-serif;font-weight:400}input{font-size:1rem}.ask-badge{position:relative}.ask-badge>.badge{position:absolute;display:flex;justify-content:center;align-items:center;background-color:var(--bg-color);color:#fff;font-size:12px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;border-radius:50%;box-shadow:0 2px 6px -1px #00000080}.ask-badge>.badge.-primary{--bg-color: var(--asksuite-orange)}.ask-badge>.badge.-secondary{--bg-color: var(--grey-800)}.ask-badge>.badge.-top{top:-10px}.ask-badge>.badge.-bottom{bottom:-10px}.ask-badge>.badge.-left{left:-10px}.ask-badge>.badge.-right{right:-10px}.ask-badge>.badge.-small{width:18px;height:18px;font-size:10px}.ask-badge>.badge.-regular{width:22px;height:22px;font-size:11px}.ask-badge>.badge.-large{width:28px;height:28px;font-size:12px}.ask-dropdown-top-right{margin-left:8px}.ask-dropdown-top-left{margin-right:8px}.ask-dropdown-bottom-right,.ask-dropdown-bottom-left{margin-top:8px}:host{display:flex;flex-direction:row;gap:32px}.page-size{display:flex;flex-direction:row;align-items:center;gap:8px;color:var(--font-color-200)}.page-size>.label{font-size:.875rem}.page-size>.size{border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:5.5px 8px;font-size:.875rem;color:var(--font-color-200)}.page-selector{display:flex;flex-direction:row;gap:2px}.page-selector>.previous,.page-selector>.next{display:flex;align-items:center;justify-content:center;border:1px solid var(--font-color-200);background:none;border-radius:2px;outline:none;padding:0 8px;font-size:.875rem;color:var(--font-color-200);width:32px;cursor:pointer;transition:all .2s}.page-selector>.previous:hover:not(:disabled),.page-selector>.next:hover:not(:disabled){border-color:var(--font-color-300);color:var(--font-color-300)}.page-selector>.previous:disabled,.page-selector>.next:disabled{border-color:var(--grey-200);color:var(--grey-200);cursor:not-allowed}.page-list{display:flex;flex-direction:row;gap:1px}.page-list>.page{display:flex;align-items:center;justify-content:center;background:var(--divider-background);color:var(--font-color-200);border:none;min-width:32px;padding:0 6px;cursor:pointer;transition:all .2s}.page-list>.page:first-child{border-radius:2px 0 0 2px}.page-list>.page:last-child{border-radius:0 2px 2px 0}.page-list>.page:hover{background:var(--hover-background)}.page-list>.page.-selected{background:var(--font-color-200);color:var(--primary-background)}.page-list>.page.-selected:hover{background:var(--font-color-300)}.page-list>.page.-more{background:none}.page-list>.page.-more:hover{background:var(--hover-background)}\n"] }]
|
|
1980
|
+
}], propDecorators: { maxPages: [{
|
|
1981
|
+
type: Input,
|
|
1982
|
+
args: [{ required: true }]
|
|
1983
|
+
}], maxPageItemsOnDisplay: [{
|
|
1984
|
+
type: Input
|
|
1985
|
+
}], resultsPerPage: [{
|
|
1986
|
+
type: Input
|
|
1987
|
+
}], resultsPerPageOptions: [{
|
|
1988
|
+
type: Input
|
|
1989
|
+
}], pageChange: [{
|
|
1990
|
+
type: Output
|
|
1991
|
+
}] } });
|
|
1992
|
+
|
|
1899
1993
|
class AsksuiteCitrusModule {
|
|
1900
1994
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1901
1995
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, declarations: [ButtonComponent,
|
|
@@ -1926,7 +2020,8 @@ class AsksuiteCitrusModule {
|
|
|
1926
2020
|
CharacterCounterComponent,
|
|
1927
2021
|
AccordionComponent,
|
|
1928
2022
|
ExtendablePanelComponent,
|
|
1929
|
-
TableComponent
|
|
2023
|
+
TableComponent,
|
|
2024
|
+
PaginationComponent], imports: [CommonModule,
|
|
1930
2025
|
FormsModule,
|
|
1931
2026
|
ReactiveFormsModule,
|
|
1932
2027
|
CdkOverlayOrigin,
|
|
@@ -1957,7 +2052,8 @@ class AsksuiteCitrusModule {
|
|
|
1957
2052
|
CharacterCounterComponent,
|
|
1958
2053
|
AccordionComponent,
|
|
1959
2054
|
ExtendablePanelComponent,
|
|
1960
|
-
TableComponent
|
|
2055
|
+
TableComponent,
|
|
2056
|
+
PaginationComponent] }); }
|
|
1961
2057
|
static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, imports: [CommonModule,
|
|
1962
2058
|
FormsModule,
|
|
1963
2059
|
ReactiveFormsModule,
|
|
@@ -1999,6 +2095,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1999
2095
|
AccordionComponent,
|
|
2000
2096
|
ExtendablePanelComponent,
|
|
2001
2097
|
TableComponent,
|
|
2098
|
+
PaginationComponent,
|
|
2002
2099
|
],
|
|
2003
2100
|
imports: [
|
|
2004
2101
|
CommonModule,
|
|
@@ -2038,6 +2135,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
2038
2135
|
AccordionComponent,
|
|
2039
2136
|
ExtendablePanelComponent,
|
|
2040
2137
|
TableComponent,
|
|
2138
|
+
PaginationComponent,
|
|
2041
2139
|
],
|
|
2042
2140
|
}]
|
|
2043
2141
|
}] });
|
|
@@ -2139,6 +2237,7 @@ class ModalService {
|
|
|
2139
2237
|
// If necessary, this can be parametrized using ModalConfig interface
|
|
2140
2238
|
overlayRef.backdropClick().subscribe(() => modalRef.close());
|
|
2141
2239
|
ref.instance.content = component;
|
|
2240
|
+
ref.instance.fullscreen = config?.fullscreen || false;
|
|
2142
2241
|
return modalRef;
|
|
2143
2242
|
}
|
|
2144
2243
|
createInjector(config, modalRef) {
|
|
@@ -2156,13 +2255,16 @@ class ModalService {
|
|
|
2156
2255
|
// Modal config can be used to parametrize the overlay creation params
|
|
2157
2256
|
getOverlay(config) {
|
|
2158
2257
|
const positionStrategy = this.getPositionStrategy();
|
|
2258
|
+
const dimensionConfig = config?.fullscreen ?
|
|
2259
|
+
{ width: '100vw', height: '100vh' } :
|
|
2260
|
+
{ maxWidth: '80vw' };
|
|
2159
2261
|
return this.overlay.create({
|
|
2160
2262
|
positionStrategy,
|
|
2161
2263
|
hasBackdrop: config?.hasBackdrop || true,
|
|
2162
2264
|
backdropClass: 'cdk-overlay-dark-backdrop',
|
|
2163
2265
|
disposeOnNavigation: true,
|
|
2164
2266
|
scrollStrategy: this.overlay.scrollStrategies.block(),
|
|
2165
|
-
|
|
2267
|
+
...dimensionConfig,
|
|
2166
2268
|
});
|
|
2167
2269
|
}
|
|
2168
2270
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ModalService, deps: [{ token: i1$3.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
@@ -2183,5 +2285,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
2183
2285
|
* Generated bundle index. Do not edit.
|
|
2184
2286
|
*/
|
|
2185
2287
|
|
|
2186
|
-
export { ASK_MODAL_CONFIG, ASK_MODAL_DATA, ASK_TOAST_CONFIG, AccordionComponent, AskButtonDirective, AskDropdownDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CharacterCounterComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DEFAULT_PERIODS, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, ExtendablePanelComponent, InputComponent, ModalBodyDirective, ModalFooterDirective, ModalHeaderDirective, ModalRef, ModalService, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, TableComponent, ToastService, formatFrom, formatTo };
|
|
2288
|
+
export { ASK_MODAL_CONFIG, ASK_MODAL_DATA, ASK_TOAST_CONFIG, AccordionComponent, AskButtonDirective, AskDropdownDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CharacterCounterComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DEFAULT_PERIODS, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, ExtendablePanelComponent, InputComponent, ModalBodyDirective, ModalFooterDirective, ModalHeaderDirective, ModalRef, ModalService, PaginationComponent, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, TableComponent, ToastService, formatFrom, formatTo };
|
|
2187
2289
|
//# sourceMappingURL=asksuite-citrus.mjs.map
|