asksuite-citrus 0.8.4 → 0.9.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/esm2022/lib/asksuite-citrus.module.mjs +7 -4
- package/esm2022/lib/components/toast/toast.component.mjs +68 -0
- package/esm2022/lib/services/toast/toast-ref.mjs +12 -0
- package/esm2022/lib/services/toast/toast.config.mjs +3 -0
- package/esm2022/lib/services/toast/toast.service.mjs +68 -0
- package/esm2022/public-api.mjs +5 -1
- package/fesm2022/asksuite-citrus.mjs +146 -5
- package/fesm2022/asksuite-citrus.mjs.map +1 -1
- package/lib/asksuite-citrus.module.d.ts +8 -7
- package/lib/components/toast/toast.component.d.ts +24 -0
- package/lib/services/toast/toast-ref.d.ts +7 -0
- package/lib/services/toast/toast.config.d.ts +11 -0
- package/lib/services/toast/toast.service.d.ts +23 -0
- package/package.json +1 -1
- package/public-api.d.ts +2 -0
|
@@ -24,6 +24,7 @@ import { BadgeDirective } from './directives/badge/badge.directive';
|
|
|
24
24
|
import { AutofocusDirective } from './directives/autofocus/autofocus.directive';
|
|
25
25
|
import { ScrollDirective } from './directives/scroll/scroll.directive';
|
|
26
26
|
import { AskTooltipDirective } from './directives/tooltip/ask-tooltip.directive';
|
|
27
|
+
import { ToastComponent } from './components/toast/toast.component';
|
|
27
28
|
import * as i0 from "@angular/core";
|
|
28
29
|
import * as i1 from "@ngx-translate/core";
|
|
29
30
|
export class AsksuiteCitrusModule {
|
|
@@ -46,7 +47,8 @@ export class AsksuiteCitrusModule {
|
|
|
46
47
|
BadgeDirective,
|
|
47
48
|
AutofocusDirective,
|
|
48
49
|
ScrollDirective,
|
|
49
|
-
AskTooltipDirective
|
|
50
|
+
AskTooltipDirective,
|
|
51
|
+
ToastComponent], imports: [CommonModule,
|
|
50
52
|
FormsModule,
|
|
51
53
|
ReactiveFormsModule,
|
|
52
54
|
CdkOverlayOrigin,
|
|
@@ -100,7 +102,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
100
102
|
BadgeDirective,
|
|
101
103
|
AutofocusDirective,
|
|
102
104
|
ScrollDirective,
|
|
103
|
-
AskTooltipDirective
|
|
105
|
+
AskTooltipDirective,
|
|
106
|
+
ToastComponent,
|
|
104
107
|
],
|
|
105
108
|
imports: [
|
|
106
109
|
CommonModule,
|
|
@@ -131,8 +134,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
131
134
|
BadgeDirective,
|
|
132
135
|
AutofocusDirective,
|
|
133
136
|
ScrollDirective,
|
|
134
|
-
AskTooltipDirective
|
|
137
|
+
AskTooltipDirective,
|
|
135
138
|
],
|
|
136
139
|
}]
|
|
137
140
|
}] });
|
|
138
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
141
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYXNrc3VpdGUtY2l0cnVzLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL2Fza3N1aXRlLWNpdHJ1cy5tb2R1bGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN6QyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzdELE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUNwRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlELE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDdkUsT0FBTyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sOERBQThELENBQUM7QUFDMUcsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0scUNBQXFDLENBQUM7QUFDM0UsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sa0RBQWtELENBQUM7QUFDekYsT0FBTyxFQUNMLG1CQUFtQixFQUNuQixnQkFBZ0IsRUFDaEIsYUFBYSxHQUNkLE1BQU0sc0JBQXNCLENBQUM7QUFDOUIsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLG9DQUFvQyxDQUFDO0FBQ3BFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQzdFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLGdEQUFnRCxDQUFDO0FBQ3JGLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhFQUE4RSxDQUFDO0FBQzNILE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM3RSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUM5RCxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUMxRSxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDcEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNENBQTRDLENBQUM7QUFDaEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQ3ZFLE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLDRDQUE0QyxDQUFDO0FBQ2pGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQzs7O0FBeURwRSxNQUFNLE9BQU8sb0JBQW9COzhHQUFwQixvQkFBb0I7K0dBQXBCLG9CQUFvQixpQkFyRDdCLGVBQWU7WUFDZixjQUFjO1lBQ2QsZUFBZTtZQUNmLFlBQVk7WUFDWixlQUFlO1lBQ2YsMEJBQTBCO1lBQzFCLG9CQUFvQjtZQUNwQixxQkFBcUI7WUFDckIsY0FBYztZQUNkLGlCQUFpQjtZQUNqQixtQkFBbUI7WUFDbkIsMkJBQTJCO1lBQzNCLGlCQUFpQjtZQUNqQixnQkFBZ0I7WUFDaEIsZ0JBQWdCO1lBQ2hCLGNBQWM7WUFDZCxrQkFBa0I7WUFDbEIsZUFBZTtZQUNmLG1CQUFtQjtZQUNuQixjQUFjLGFBR2QsWUFBWTtZQUNaLFdBQVc7WUFDWCxtQkFBbUI7WUFDbkIsZ0JBQWdCO1lBQ2hCLG1CQUFtQjtZQUNuQixhQUFhLHNCQUViLHVCQUF1QjtZQUN2QixnQkFBZ0IsYUFHaEIsZUFBZTtZQUNmLGNBQWM7WUFDZCxlQUFlO1lBQ2YsWUFBWTtZQUNaLGVBQWU7WUFDZiwwQkFBMEI7WUFDMUIsb0JBQW9CO1lBQ3BCLHFCQUFxQjtZQUNyQixjQUFjO1lBQ2QsaUJBQWlCO1lBQ2pCLG1CQUFtQjtZQUNuQiwyQkFBMkI7WUFDM0IsaUJBQWlCO1lBQ2pCLGdCQUFnQjtZQUNoQixjQUFjO1lBQ2Qsa0JBQWtCO1lBQ2xCLGVBQWU7WUFDZixtQkFBbUI7K0dBR1Ysb0JBQW9CLFlBL0I3QixZQUFZO1lBQ1osV0FBVztZQUNYLG1CQUFtQjtZQUduQixhQUFhO1lBQ2IsZUFBZSxDQUFDLFFBQVEsRUFBRTtZQUMxQix1QkFBdUI7WUFDdkIsZ0JBQWdCOzsyRkF1QlAsb0JBQW9CO2tCQXZEaEMsUUFBUTttQkFBQztvQkFDUixZQUFZLEVBQUU7d0JBQ1osZUFBZTt3QkFDZixjQUFjO3dCQUNkLGVBQWU7d0JBQ2YsWUFBWTt3QkFDWixlQUFlO3dCQUNmLDBCQUEwQjt3QkFDMUIsb0JBQW9CO3dCQUNwQixxQkFBcUI7d0JBQ3JCLGNBQWM7d0JBQ2QsaUJBQWlCO3dCQUNqQixtQkFBbUI7d0JBQ25CLDJCQUEyQjt3QkFDM0IsaUJBQWlCO3dCQUNqQixnQkFBZ0I7d0JBQ2hCLGdCQUFnQjt3QkFDaEIsY0FBYzt3QkFDZCxrQkFBa0I7d0JBQ2xCLGVBQWU7d0JBQ2YsbUJBQW1CO3dCQUNuQixjQUFjO3FCQUNmO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLFdBQVc7d0JBQ1gsbUJBQW1CO3dCQUNuQixnQkFBZ0I7d0JBQ2hCLG1CQUFtQjt3QkFDbkIsYUFBYTt3QkFDYixlQUFlLENBQUMsUUFBUSxFQUFFO3dCQUMxQix1QkFBdUI7d0JBQ3ZCLGdCQUFnQjtxQkFDakI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLGVBQWU7d0JBQ2YsY0FBYzt3QkFDZCxlQUFlO3dCQUNmLFlBQVk7d0JBQ1osZUFBZTt3QkFDZiwwQkFBMEI7d0JBQzFCLG9CQUFvQjt3QkFDcEIscUJBQXFCO3dCQUNyQixjQUFjO3dCQUNkLGlCQUFpQjt3QkFDakIsbUJBQW1CO3dCQUNuQiwyQkFBMkI7d0JBQzNCLGlCQUFpQjt3QkFDakIsZ0JBQWdCO3dCQUNoQixjQUFjO3dCQUNkLGtCQUFrQjt3QkFDbEIsZUFBZTt3QkFDZixtQkFBbUI7cUJBQ3BCO2lCQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9idXR0b24vYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0VG9vbHRpcE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL3Rvb2x0aXAnO1xuaW1wb3J0IHsgSW5wdXRDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvaW5wdXQvaW5wdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFNlbGVjdENvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBCb3hDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYm94L2JveC5jb21wb25lbnQnO1xuaW1wb3J0IHsgRm9ybXNNb2R1bGUsIFJlYWN0aXZlRm9ybXNNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9mb3Jtcyc7XG5pbXBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYXZhdGFyL2F2YXRhci5jb21wb25lbnQnO1xuaW1wb3J0IHsgRHJvcGRvd25Db250YWluZXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZHJvcGRvd24tY29udGFpbmVyL2Ryb3Bkb3duLWNvbnRhaW5lci5jb21wb25lbnQnO1xuaW1wb3J0IHsgQXNrRHJvcGRvd25EaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvYXNrLWRyb3Bkb3duLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBBdXRvY29tcGxldGVDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYXV0b2NvbXBsZXRlL2F1dG9jb21wbGV0ZS5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgQ2RrQ29ubmVjdGVkT3ZlcmxheSxcbiAgQ2RrT3ZlcmxheU9yaWdpbixcbiAgT3ZlcmxheU1vZHVsZSxcbn0gZnJvbSAnQGFuZ3VsYXIvY2RrL292ZXJsYXknO1xuaW1wb3J0IHsgQ2hpcHNDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvY2hpcHMvY2hpcHMuY29tcG9uZW50JztcbmltcG9ydCB7IENoZWNrYm94Q29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2NoZWNrYm94L2NoZWNrYm94LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYXRlUGlja2VyQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2RhdGUtcGlja2VyL2RhdGUtcGlja2VyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEYXRlUGlja2VyQ2FsZW5kYXJDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXItY2FsZW5kYXIvZGF0ZS1waWNrZXItY2FsZW5kYXIuY29tcG9uZW50JztcbmltcG9ydCB7IFRyYW5zbGF0ZU1vZHVsZSB9IGZyb20gJ0BuZ3gtdHJhbnNsYXRlL2NvcmUnO1xuaW1wb3J0IHsgU2tlbGV0b25Db21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvc2tlbGV0b24vc2tlbGV0b24uY29tcG9uZW50JztcbmltcG9ydCB7IE5neFNrZWxldG9uTG9hZGVyTW9kdWxlIH0gZnJvbSAnbmd4LXNrZWxldG9uLWxvYWRlcic7XG5pbXBvcnQgeyBTcGlubmVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3NwaW5uZXIvc3Bpbm5lci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU3Bpbm5lckNvbXBvbmVudCB9IGZyb20gJy4vZGlyZWN0aXZlcy9zcGlubmVyL3NwaW5uZXIuY29tcG9uZW50JztcbmltcG9ydCB7IEJhZGdlRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL2JhZGdlL2JhZGdlLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBBdXRvZm9jdXNEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvYXV0b2ZvY3VzL2F1dG9mb2N1cy5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgU2Nyb2xsRGlyZWN0aXZlIH0gZnJvbSAnLi9kaXJlY3RpdmVzL3Njcm9sbC9zY3JvbGwuZGlyZWN0aXZlJztcbmltcG9ydCB7IEFza1Rvb2x0aXBEaXJlY3RpdmUgfSBmcm9tICcuL2RpcmVjdGl2ZXMvdG9vbHRpcC9hc2stdG9vbHRpcC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgVG9hc3RDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvdG9hc3QvdG9hc3QuY29tcG9uZW50JztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgQnV0dG9uQ29tcG9uZW50LFxuICAgIElucHV0Q29tcG9uZW50LFxuICAgIFNlbGVjdENvbXBvbmVudCxcbiAgICBCb3hDb21wb25lbnQsXG4gICAgQXZhdGFyQ29tcG9uZW50LFxuICAgIERyb3Bkb3duQ29udGFpbmVyQ29tcG9uZW50LFxuICAgIEFza0Ryb3Bkb3duRGlyZWN0aXZlLFxuICAgIEF1dG9jb21wbGV0ZUNvbXBvbmVudCxcbiAgICBDaGlwc0NvbXBvbmVudCxcbiAgICBDaGVja2JveENvbXBvbmVudCxcbiAgICBEYXRlUGlja2VyQ29tcG9uZW50LFxuICAgIERhdGVQaWNrZXJDYWxlbmRhckNvbXBvbmVudCxcbiAgICBTa2VsZXRvbkNvbXBvbmVudCxcbiAgICBTcGlubmVyQ29tcG9uZW50LFxuICAgIFNwaW5uZXJEaXJlY3RpdmUsXG4gICAgQmFkZ2VEaXJlY3RpdmUsXG4gICAgQXV0b2ZvY3VzRGlyZWN0aXZlLFxuICAgIFNjcm9sbERpcmVjdGl2ZSxcbiAgICBBc2tUb29sdGlwRGlyZWN0aXZlLFxuICAgIFRvYXN0Q29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIFJlYWN0aXZlRm9ybXNNb2R1bGUsXG4gICAgQ2RrT3ZlcmxheU9yaWdpbixcbiAgICBDZGtDb25uZWN0ZWRPdmVybGF5LFxuICAgIE92ZXJsYXlNb2R1bGUsXG4gICAgVHJhbnNsYXRlTW9kdWxlLmZvckNoaWxkKCksXG4gICAgTmd4U2tlbGV0b25Mb2FkZXJNb2R1bGUsXG4gICAgTWF0VG9vbHRpcE1vZHVsZSxcbiAgXSxcbiAgZXhwb3J0czogW1xuICAgIEJ1dHRvbkNvbXBvbmVudCxcbiAgICBJbnB1dENvbXBvbmVudCxcbiAgICBTZWxlY3RDb21wb25lbnQsXG4gICAgQm94Q29tcG9uZW50LFxuICAgIEF2YXRhckNvbXBvbmVudCxcbiAgICBEcm9wZG93bkNvbnRhaW5lckNvbXBvbmVudCxcbiAgICBBc2tEcm9wZG93bkRpcmVjdGl2ZSxcbiAgICBBdXRvY29tcGxldGVDb21wb25lbnQsXG4gICAgQ2hpcHNDb21wb25lbnQsXG4gICAgQ2hlY2tib3hDb21wb25lbnQsXG4gICAgRGF0ZVBpY2tlckNvbXBvbmVudCxcbiAgICBEYXRlUGlja2VyQ2FsZW5kYXJDb21wb25lbnQsXG4gICAgU2tlbGV0b25Db21wb25lbnQsXG4gICAgU3Bpbm5lckRpcmVjdGl2ZSxcbiAgICBCYWRnZURpcmVjdGl2ZSxcbiAgICBBdXRvZm9jdXNEaXJlY3RpdmUsXG4gICAgU2Nyb2xsRGlyZWN0aXZlLFxuICAgIEFza1Rvb2x0aXBEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIEFza3N1aXRlQ2l0cnVzTW9kdWxlIHt9XG4iXX0=
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { ChangeDetectionStrategy, Component, HostBinding, Inject, Input } from '@angular/core';
|
|
2
|
+
import { ASK_TOAST_CONFIG } from '../../services/toast/toast.config';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "../../services/toast/toast-ref";
|
|
5
|
+
export class ToastComponent {
|
|
6
|
+
constructor(data, ref) {
|
|
7
|
+
this.data = data;
|
|
8
|
+
this.ref = ref;
|
|
9
|
+
this.message = '';
|
|
10
|
+
this.icon = 'check_small';
|
|
11
|
+
this.config = {
|
|
12
|
+
timeout: 5000,
|
|
13
|
+
};
|
|
14
|
+
this.color = 'var(--success-green)';
|
|
15
|
+
this.fontColor = 'var(--white)';
|
|
16
|
+
this.isClosing = false;
|
|
17
|
+
this.TYPES = {
|
|
18
|
+
success: { color: 'var(--success-green)', icon: 'check_small', fontColor: 'var(--white)' },
|
|
19
|
+
warning: { color: 'var(--warning-yellow)', icon: 'warning', fontColor: 'var(--grey-800)' },
|
|
20
|
+
danger: { color: 'var(--error-red)', icon: 'error', fontColor: 'var(--white)' },
|
|
21
|
+
info: { color: 'var(--facebook-blue)', icon: 'info', fontColor: 'var(--white)' },
|
|
22
|
+
};
|
|
23
|
+
this.message = data.message;
|
|
24
|
+
this.type = data.type;
|
|
25
|
+
this.config = {
|
|
26
|
+
...this.config,
|
|
27
|
+
...data.config
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
set type(type) {
|
|
31
|
+
this.icon = this.TYPES[type].icon;
|
|
32
|
+
this.fontColor = this.TYPES[type].fontColor;
|
|
33
|
+
this.color = this.TYPES[type].color;
|
|
34
|
+
}
|
|
35
|
+
ngOnInit() {
|
|
36
|
+
if (this.config?.timeout) {
|
|
37
|
+
this.timeoutRef = setTimeout(() => this.close(), this.config.timeout);
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
ngOnDestroy() {
|
|
41
|
+
clearTimeout(this.timeoutRef);
|
|
42
|
+
}
|
|
43
|
+
close() {
|
|
44
|
+
this.isClosing = true;
|
|
45
|
+
setTimeout(() => this.ref.close(), 250);
|
|
46
|
+
}
|
|
47
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastComponent, deps: [{ token: ASK_TOAST_CONFIG }, { token: i1.ToastRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
48
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ToastComponent, selector: "ask-toast", inputs: { type: "type" }, host: { properties: { "style.background-color": "this.color", "style.color": "this.fontColor", "class.closing": "this.isClosing" } }, ngImport: i0, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\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)}.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{position:relative;display:flex;align-items:center;gap:8px;flex-direction:row;width:220px;padding:16px;border-radius:4px;box-shadow:0 0 6px #2a304229;animation:toastIn .2s ease-out 0s 1 normal forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host.closing{animation:toastOut .2s ease-out 0s 1 normal forwards}:host>.icon{width:24px;height:24px;-webkit-user-select:none;user-select:none}:host>.message{font-size:1rem}.close-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;outline:none;background:none;cursor:pointer;top:4px;right:4px}.close-icon>.icon{font-size:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
49
|
+
}
|
|
50
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastComponent, decorators: [{
|
|
51
|
+
type: Component,
|
|
52
|
+
args: [{ selector: 'ask-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\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)}.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{position:relative;display:flex;align-items:center;gap:8px;flex-direction:row;width:220px;padding:16px;border-radius:4px;box-shadow:0 0 6px #2a304229;animation:toastIn .2s ease-out 0s 1 normal forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host.closing{animation:toastOut .2s ease-out 0s 1 normal forwards}:host>.icon{width:24px;height:24px;-webkit-user-select:none;user-select:none}:host>.message{font-size:1rem}.close-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;outline:none;background:none;cursor:pointer;top:4px;right:4px}.close-icon>.icon{font-size:16px}\n"] }]
|
|
53
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
54
|
+
type: Inject,
|
|
55
|
+
args: [ASK_TOAST_CONFIG]
|
|
56
|
+
}] }, { type: i1.ToastRef }]; }, propDecorators: { color: [{
|
|
57
|
+
type: HostBinding,
|
|
58
|
+
args: ['style.background-color']
|
|
59
|
+
}], fontColor: [{
|
|
60
|
+
type: HostBinding,
|
|
61
|
+
args: ['style.color']
|
|
62
|
+
}], isClosing: [{
|
|
63
|
+
type: HostBinding,
|
|
64
|
+
args: ['class.closing']
|
|
65
|
+
}], type: [{
|
|
66
|
+
type: Input
|
|
67
|
+
}] } });
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvY29tcG9uZW50cy90b2FzdC90b2FzdC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hc2tzdWl0ZS1jaXRydXMvc3JjL2xpYi9jb21wb25lbnRzL3RvYXN0L3RvYXN0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsV0FBVyxFQUFFLE1BQU0sRUFBRSxLQUFLLEVBQW9CLE1BQU0sZUFBZSxDQUFDO0FBQ2hILE9BQU8sRUFBQyxnQkFBZ0IsRUFBb0MsTUFBTSxtQ0FBbUMsQ0FBQzs7O0FBVXRHLE1BQU0sT0FBTyxjQUFjO0lBbUJ6QixZQUNxQyxJQUFlLEVBQzFDLEdBQWE7UUFEYyxTQUFJLEdBQUosSUFBSSxDQUFXO1FBQzFDLFFBQUcsR0FBSCxHQUFHLENBQVU7UUFwQnZCLFlBQU8sR0FBRyxFQUFFLENBQUM7UUFDYixTQUFJLEdBQUcsYUFBYSxDQUFDO1FBRXJCLFdBQU0sR0FBZ0I7WUFDcEIsT0FBTyxFQUFFLElBQUk7U0FDZCxDQUFBO1FBRXNDLFVBQUssR0FBRyxzQkFBc0IsQ0FBQztRQUMxQyxjQUFTLEdBQUcsY0FBYyxDQUFDO1FBQ3pCLGNBQVMsR0FBRyxLQUFLLENBQUM7UUFFL0IsVUFBSyxHQUFnRjtZQUNwRyxPQUFPLEVBQUUsRUFBRSxLQUFLLEVBQUUsc0JBQXNCLEVBQUUsSUFBSSxFQUFFLGFBQWEsRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFO1lBQzFGLE9BQU8sRUFBRSxFQUFFLEtBQUssRUFBRSx1QkFBdUIsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxpQkFBaUIsRUFBRTtZQUMxRixNQUFNLEVBQUUsRUFBRSxLQUFLLEVBQUUsa0JBQWtCLEVBQUUsSUFBSSxFQUFFLE9BQU8sRUFBRSxTQUFTLEVBQUUsY0FBYyxFQUFFO1lBQy9FLElBQUksRUFBRSxFQUFFLEtBQUssRUFBRSxzQkFBc0IsRUFBRSxJQUFJLEVBQUUsTUFBTSxFQUFFLFNBQVMsRUFBRSxjQUFjLEVBQUU7U0FDakYsQ0FBQTtRQU1DLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLE9BQU8sQ0FBQztRQUM1QixJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxJQUFJLENBQUM7UUFDdEIsSUFBSSxDQUFDLE1BQU0sR0FBRztZQUNaLEdBQUcsSUFBSSxDQUFDLE1BQU07WUFDZCxHQUFHLElBQUksQ0FBQyxNQUFNO1NBQ2YsQ0FBQTtJQUNILENBQUM7SUFFRCxJQUFhLElBQUksQ0FBQyxJQUEyRDtRQUMzRSxJQUFJLENBQUMsSUFBSSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLENBQUMsSUFBSSxDQUFDO1FBQ2xDLElBQUksQ0FBQyxTQUFTLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQyxTQUFTLENBQUM7UUFDNUMsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxDQUFDLEtBQUssQ0FBQztJQUN0QyxDQUFDO0lBRUQsUUFBUTtRQUNOLElBQUksSUFBSSxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFVBQVUsR0FBRyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEtBQUssRUFBRSxFQUFFLElBQUksQ0FBQyxNQUFNLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDdkU7SUFDSCxDQUFDO0lBRUQsV0FBVztRQUNULFlBQVksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDaEMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsU0FBUyxHQUFHLElBQUksQ0FBQztRQUV0QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLEVBQUUsRUFBRSxHQUFHLENBQUMsQ0FBQztJQUMxQyxDQUFDOzhHQW5EVSxjQUFjLGtCQW9CZixnQkFBZ0I7a0dBcEJmLGNBQWMsaU5DWDNCLCtRQVdBOzsyRkRBYSxjQUFjO2tCQU4xQixTQUFTOytCQUNFLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTTs7MEJBc0I1QyxNQUFNOzJCQUFDLGdCQUFnQjttRUFaYSxLQUFLO3NCQUEzQyxXQUFXO3VCQUFDLHdCQUF3QjtnQkFDVCxTQUFTO3NCQUFwQyxXQUFXO3VCQUFDLGFBQWE7Z0JBQ0ksU0FBUztzQkFBdEMsV0FBVzt1QkFBQyxlQUFlO2dCQXFCZixJQUFJO3NCQUFoQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgSW5qZWN0LCBJbnB1dCwgT25EZXN0cm95LCBPbkluaXR9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtBU0tfVE9BU1RfQ09ORklHLCBUb2FzdENvbmZpZywgVG9hc3REYXRhLCBUb2FzdFR5cGV9IGZyb20gJy4uLy4uL3NlcnZpY2VzL3RvYXN0L3RvYXN0LmNvbmZpZyc7XG5pbXBvcnQge1RvYXN0UmVmfSBmcm9tIFwiLi4vLi4vc2VydmljZXMvdG9hc3QvdG9hc3QtcmVmXCI7XG5cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnYXNrLXRvYXN0JyxcbiAgdGVtcGxhdGVVcmw6ICcuL3RvYXN0LmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJy4vdG9hc3QuY29tcG9uZW50LnNjc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgVG9hc3RDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIG1lc3NhZ2UgPSAnJztcbiAgaWNvbiA9ICdjaGVja19zbWFsbCc7XG4gIHRpbWVvdXRSZWYhOiBOb2RlSlMuVGltZW91dDtcbiAgY29uZmlnOiBUb2FzdENvbmZpZyA9IHtcbiAgICB0aW1lb3V0OiA1MDAwLFxuICB9XG5cbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yJykgY29sb3IgPSAndmFyKC0tc3VjY2Vzcy1ncmVlbiknO1xuICBASG9zdEJpbmRpbmcoJ3N0eWxlLmNvbG9yJykgZm9udENvbG9yID0gJ3ZhcigtLXdoaXRlKSc7XG4gIEBIb3N0QmluZGluZygnY2xhc3MuY2xvc2luZycpIGlzQ2xvc2luZyA9IGZhbHNlO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgVFlQRVM6IHsgW2tleSBpbiBUb2FzdFR5cGVdOiB7IGNvbG9yOiBzdHJpbmc7IGljb246IHN0cmluZzsgZm9udENvbG9yOiBzdHJpbmc7IH0gfSA9IHtcbiAgICBzdWNjZXNzOiB7IGNvbG9yOiAndmFyKC0tc3VjY2Vzcy1ncmVlbiknLCBpY29uOiAnY2hlY2tfc21hbGwnLCBmb250Q29sb3I6ICd2YXIoLS13aGl0ZSknIH0sXG4gICAgd2FybmluZzogeyBjb2xvcjogJ3ZhcigtLXdhcm5pbmcteWVsbG93KScsIGljb246ICd3YXJuaW5nJywgZm9udENvbG9yOiAndmFyKC0tZ3JleS04MDApJyB9LFxuICAgIGRhbmdlcjogeyBjb2xvcjogJ3ZhcigtLWVycm9yLXJlZCknLCBpY29uOiAnZXJyb3InLCBmb250Q29sb3I6ICd2YXIoLS13aGl0ZSknIH0sXG4gICAgaW5mbzogeyBjb2xvcjogJ3ZhcigtLWZhY2Vib29rLWJsdWUpJywgaWNvbjogJ2luZm8nLCBmb250Q29sb3I6ICd2YXIoLS13aGl0ZSknIH0sXG4gIH1cblxuICBjb25zdHJ1Y3RvcihcbiAgICBASW5qZWN0KEFTS19UT0FTVF9DT05GSUcpIHJlYWRvbmx5IGRhdGE6IFRvYXN0RGF0YSxcbiAgICBwcml2YXRlIHJlZjogVG9hc3RSZWZcbiAgKSB7XG4gICAgdGhpcy5tZXNzYWdlID0gZGF0YS5tZXNzYWdlO1xuICAgIHRoaXMudHlwZSA9IGRhdGEudHlwZTtcbiAgICB0aGlzLmNvbmZpZyA9IHtcbiAgICAgIC4uLnRoaXMuY29uZmlnLFxuICAgICAgLi4uZGF0YS5jb25maWdcbiAgICB9XG4gIH1cblxuICBASW5wdXQoKSBzZXQgdHlwZSh0eXBlOiAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZGFuZ2VyJyB8ICdpbmZvJyB8IFRvYXN0VHlwZSkge1xuICAgIHRoaXMuaWNvbiA9IHRoaXMuVFlQRVNbdHlwZV0uaWNvbjtcbiAgICB0aGlzLmZvbnRDb2xvciA9IHRoaXMuVFlQRVNbdHlwZV0uZm9udENvbG9yO1xuICAgIHRoaXMuY29sb3IgPSB0aGlzLlRZUEVTW3R5cGVdLmNvbG9yO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgaWYgKHRoaXMuY29uZmlnPy50aW1lb3V0KSB7XG4gICAgICB0aGlzLnRpbWVvdXRSZWYgPSBzZXRUaW1lb3V0KCgpID0+IHRoaXMuY2xvc2UoKSwgdGhpcy5jb25maWcudGltZW91dCk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgY2xlYXJUaW1lb3V0KHRoaXMudGltZW91dFJlZik7XG4gIH1cblxuICBjbG9zZSgpIHtcbiAgICB0aGlzLmlzQ2xvc2luZyA9IHRydWU7XG5cbiAgICBzZXRUaW1lb3V0KCgpID0+IHRoaXMucmVmLmNsb3NlKCksIDI1MCk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgaWNvblwiPlxuICB7eyBpY29uIH19XG48L3NwYW4+XG5cbjxwIGNsYXNzPVwibWVzc2FnZVwiPlxuICB7eyBtZXNzYWdlIH19XG48L3A+XG5cbjxidXR0b24gdHlwZT1cImJ1dHRvblwiIGNsYXNzPVwiY2xvc2UtaWNvblwiIChjbGljayk9XCJjbG9zZSgpXCI+XG4gIDxzcGFuIGNsYXNzPVwibWF0ZXJpYWwtaWNvbnMgaWNvblwiIFtzdHlsZS5jb2xvcl09XCJmb250Q29sb3JcIj5jbG9zZTwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export class ToastRef {
|
|
2
|
+
constructor(overlay) {
|
|
3
|
+
this.overlay = overlay;
|
|
4
|
+
}
|
|
5
|
+
close() {
|
|
6
|
+
this.overlay.dispose();
|
|
7
|
+
}
|
|
8
|
+
getPosition() {
|
|
9
|
+
return this.overlay.overlayElement.getBoundingClientRect();
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QtcmVmLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvc2VydmljZXMvdG9hc3QvdG9hc3QtcmVmLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxRQUFRO0lBQ25CLFlBQXFCLE9BQW1CO1FBQW5CLFlBQU8sR0FBUCxPQUFPLENBQVk7SUFDeEMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDO0lBQ3pCLENBQUM7SUFFRCxXQUFXO1FBQ1QsT0FBTyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxxQkFBcUIsRUFBRSxDQUFDO0lBQzdELENBQUM7Q0FDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7T3ZlcmxheVJlZn0gZnJvbSBcIkBhbmd1bGFyL2Nkay9vdmVybGF5XCI7XG5cbmV4cG9ydCBjbGFzcyBUb2FzdFJlZiB7XG4gIGNvbnN0cnVjdG9yKHJlYWRvbmx5IG92ZXJsYXk6IE92ZXJsYXlSZWYpIHtcbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMub3ZlcmxheS5kaXNwb3NlKCk7XG4gIH1cblxuICBnZXRQb3NpdGlvbigpOiBET01SZWN0IHtcbiAgICByZXR1cm4gdGhpcy5vdmVybGF5Lm92ZXJsYXlFbGVtZW50LmdldEJvdW5kaW5nQ2xpZW50UmVjdCgpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
import { InjectionToken } from "@angular/core";
|
|
2
|
+
export const ASK_TOAST_CONFIG = new InjectionToken('Default toast options');
|
|
3
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3QuY29uZmlnLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYXNrc3VpdGUtY2l0cnVzL3NyYy9saWIvc2VydmljZXMvdG9hc3QvdG9hc3QuY29uZmlnLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFjN0MsTUFBTSxDQUFDLE1BQU0sZ0JBQWdCLEdBQUcsSUFBSSxjQUFjLENBQVksdUJBQXVCLENBQUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0aW9uVG9rZW59IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmV4cG9ydCB0eXBlIFRvYXN0VHlwZSA9ICAnc3VjY2VzcycgfCAnd2FybmluZycgfCAnZGFuZ2VyJyB8ICdpbmZvJztcblxuZXhwb3J0IGludGVyZmFjZSBUb2FzdERhdGEge1xuICB0eXBlOiBUb2FzdFR5cGU7XG4gIG1lc3NhZ2U6IHN0cmluZztcbiAgY29uZmlnPzogVG9hc3RDb25maWc7XG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgVG9hc3RDb25maWcge1xuICB0aW1lb3V0PzogbnVtYmVyO1xufVxuXG5leHBvcnQgY29uc3QgQVNLX1RPQVNUX0NPTkZJRyA9IG5ldyBJbmplY3Rpb25Ub2tlbjxUb2FzdERhdGE+KCdEZWZhdWx0IHRvYXN0IG9wdGlvbnMnKTtcbiJdfQ==
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import { Injectable, Injector } from '@angular/core';
|
|
2
|
+
import { ComponentPortal } from "@angular/cdk/portal";
|
|
3
|
+
import { ToastComponent } from "../../components/toast/toast.component";
|
|
4
|
+
import { ASK_TOAST_CONFIG } from "./toast.config";
|
|
5
|
+
import { ToastRef } from "./toast-ref";
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/cdk/overlay";
|
|
8
|
+
export class ToastService {
|
|
9
|
+
constructor(overlay, injector) {
|
|
10
|
+
this.overlay = overlay;
|
|
11
|
+
this.injector = injector;
|
|
12
|
+
this.TOP_MARGIN = 72;
|
|
13
|
+
this.GAP = 8;
|
|
14
|
+
}
|
|
15
|
+
success(message, config) {
|
|
16
|
+
this.pop('success', message, config);
|
|
17
|
+
}
|
|
18
|
+
info(message, config) {
|
|
19
|
+
this.pop('info', message, config);
|
|
20
|
+
}
|
|
21
|
+
danger(message, config) {
|
|
22
|
+
this.pop('danger', message, config);
|
|
23
|
+
}
|
|
24
|
+
warning(message, config) {
|
|
25
|
+
this.pop('warning', message, config);
|
|
26
|
+
}
|
|
27
|
+
pop(type, message, config) {
|
|
28
|
+
if (this.lastToast && !this.lastToast?.overlay.overlayElement) {
|
|
29
|
+
this.lastToast = undefined;
|
|
30
|
+
}
|
|
31
|
+
const positionStrategy = this.getPositionStrategy();
|
|
32
|
+
const overlayRef = this.overlay.create({
|
|
33
|
+
positionStrategy,
|
|
34
|
+
});
|
|
35
|
+
const toastRef = new ToastRef(overlayRef);
|
|
36
|
+
const injector = this.createInjector({ type, message, config }, toastRef);
|
|
37
|
+
const toastPortal = new ComponentPortal(ToastComponent, null, injector);
|
|
38
|
+
overlayRef.attach(toastPortal);
|
|
39
|
+
this.lastToast = toastRef;
|
|
40
|
+
}
|
|
41
|
+
createInjector(data, toastRef) {
|
|
42
|
+
return Injector.create({
|
|
43
|
+
parent: this.injector,
|
|
44
|
+
providers: [
|
|
45
|
+
{ provide: ASK_TOAST_CONFIG, useValue: data },
|
|
46
|
+
{ provide: ToastRef, useValue: toastRef },
|
|
47
|
+
]
|
|
48
|
+
});
|
|
49
|
+
}
|
|
50
|
+
getPositionStrategy() {
|
|
51
|
+
return this.overlay.position().global().top(this.getTopOffset()).centerHorizontally();
|
|
52
|
+
}
|
|
53
|
+
getTopOffset() {
|
|
54
|
+
const offset = this.lastToast ?
|
|
55
|
+
this.lastToast.getPosition().bottom + this.GAP :
|
|
56
|
+
this.TOP_MARGIN;
|
|
57
|
+
return `${offset}px`;
|
|
58
|
+
}
|
|
59
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastService, deps: [{ token: i1.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
60
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastService, providedIn: 'root' }); }
|
|
61
|
+
}
|
|
62
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastService, decorators: [{
|
|
63
|
+
type: Injectable,
|
|
64
|
+
args: [{
|
|
65
|
+
providedIn: 'root'
|
|
66
|
+
}]
|
|
67
|
+
}], ctorParameters: function () { return [{ type: i1.Overlay }, { type: i0.Injector }]; } });
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidG9hc3Quc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvbGliL3NlcnZpY2VzL3RvYXN0L3RvYXN0LnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFVBQVUsRUFBRSxRQUFRLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFbkQsT0FBTyxFQUFDLGVBQWUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQ3BELE9BQU8sRUFBQyxjQUFjLEVBQUMsTUFBTSx3Q0FBd0MsQ0FBQztBQUN0RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQW9DLE1BQU0sZ0JBQWdCLENBQUM7QUFDbkYsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLGFBQWEsQ0FBQzs7O0FBS3JDLE1BQU0sT0FBTyxZQUFZO0lBT3ZCLFlBQ1UsT0FBZ0IsRUFDaEIsUUFBa0I7UUFEbEIsWUFBTyxHQUFQLE9BQU8sQ0FBUztRQUNoQixhQUFRLEdBQVIsUUFBUSxDQUFVO1FBTFgsZUFBVSxHQUFHLEVBQUUsQ0FBQztRQUNoQixRQUFHLEdBQUcsQ0FBQyxDQUFDO0lBS3JCLENBQUM7SUFFTCxPQUFPLENBQUMsT0FBZSxFQUFFLE1BQW9CO1FBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsSUFBSSxDQUFDLE9BQWUsRUFBRSxNQUFvQjtRQUN4QyxJQUFJLENBQUMsR0FBRyxDQUFDLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDcEMsQ0FBQztJQUVELE1BQU0sQ0FBQyxPQUFlLEVBQUUsTUFBb0I7UUFDMUMsSUFBSSxDQUFDLEdBQUcsQ0FBQyxRQUFRLEVBQUUsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQ3RDLENBQUM7SUFFRCxPQUFPLENBQUMsT0FBZSxFQUFFLE1BQW9CO1FBQzNDLElBQUksQ0FBQyxHQUFHLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxNQUFNLENBQUMsQ0FBQztJQUN2QyxDQUFDO0lBRUQsR0FBRyxDQUFDLElBQWUsRUFBRSxPQUFlLEVBQUUsTUFBb0I7UUFDeEQsSUFBSSxJQUFJLENBQUMsU0FBUyxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxPQUFPLENBQUMsY0FBYyxFQUFFO1lBQzdELElBQUksQ0FBQyxTQUFTLEdBQUcsU0FBUyxDQUFDO1NBQzVCO1FBRUQsTUFBTSxnQkFBZ0IsR0FBRyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztRQUNwRCxNQUFNLFVBQVUsR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLE1BQU0sQ0FBQztZQUNyQyxnQkFBZ0I7U0FDakIsQ0FBQyxDQUFDO1FBQ0gsTUFBTSxRQUFRLEdBQUcsSUFBSSxRQUFRLENBQUMsVUFBVSxDQUFDLENBQUM7UUFDMUMsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLGNBQWMsQ0FBQyxFQUFFLElBQUksRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFDMUUsTUFBTSxXQUFXLEdBQUcsSUFBSSxlQUFlLENBQUMsY0FBYyxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsQ0FBQztRQUV4RSxVQUFVLENBQUMsTUFBTSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQy9CLElBQUksQ0FBQyxTQUFTLEdBQUcsUUFBUSxDQUFDO0lBQzVCLENBQUM7SUFFTyxjQUFjLENBQUMsSUFBZSxFQUFFLFFBQWtCO1FBQ3hELE9BQU8sUUFBUSxDQUFDLE1BQU0sQ0FBQztZQUNyQixNQUFNLEVBQUUsSUFBSSxDQUFDLFFBQVE7WUFDckIsU0FBUyxFQUFFO2dCQUNULEVBQUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBQzdDLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFO2FBQzFDO1NBQ0YsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVPLG1CQUFtQjtRQUN6QixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUMsR0FBRyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsQ0FBQyxDQUFDLGtCQUFrQixFQUFFLENBQUM7SUFDeEYsQ0FBQztJQUVPLFlBQVk7UUFDbEIsTUFBTSxNQUFNLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1lBQzdCLElBQUksQ0FBQyxTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsTUFBTSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsQ0FBQztZQUNoRCxJQUFJLENBQUMsVUFBVSxDQUFDO1FBRWxCLE9BQU8sR0FBRyxNQUFNLElBQUksQ0FBQztJQUN2QixDQUFDOzhHQWpFVSxZQUFZO2tIQUFaLFlBQVksY0FGWCxNQUFNOzsyRkFFUCxZQUFZO2tCQUh4QixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7SW5qZWN0YWJsZSwgSW5qZWN0b3J9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtPdmVybGF5LCBQb3NpdGlvblN0cmF0ZWd5fSBmcm9tIFwiQGFuZ3VsYXIvY2RrL292ZXJsYXlcIjtcbmltcG9ydCB7Q29tcG9uZW50UG9ydGFsfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL3BvcnRhbFwiO1xuaW1wb3J0IHtUb2FzdENvbXBvbmVudH0gZnJvbSBcIi4uLy4uL2NvbXBvbmVudHMvdG9hc3QvdG9hc3QuY29tcG9uZW50XCI7XG5pbXBvcnQge0FTS19UT0FTVF9DT05GSUcsIFRvYXN0Q29uZmlnLCBUb2FzdERhdGEsIFRvYXN0VHlwZX0gZnJvbSBcIi4vdG9hc3QuY29uZmlnXCI7XG5pbXBvcnQge1RvYXN0UmVmfSBmcm9tIFwiLi90b2FzdC1yZWZcIjtcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCdcbn0pXG5leHBvcnQgY2xhc3MgVG9hc3RTZXJ2aWNlIHtcblxuICBsYXN0VG9hc3Q/OiBUb2FzdFJlZjtcblxuICBwcml2YXRlIHJlYWRvbmx5IFRPUF9NQVJHSU4gPSA3MjtcbiAgcHJpdmF0ZSByZWFkb25seSBHQVAgPSA4O1xuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSxcbiAgICBwcml2YXRlIGluamVjdG9yOiBJbmplY3RvclxuICApIHsgfVxuXG4gIHN1Y2Nlc3MobWVzc2FnZTogc3RyaW5nLCBjb25maWc/OiBUb2FzdENvbmZpZykge1xuICAgIHRoaXMucG9wKCdzdWNjZXNzJywgbWVzc2FnZSwgY29uZmlnKTtcbiAgfVxuXG4gIGluZm8obWVzc2FnZTogc3RyaW5nLCBjb25maWc/OiBUb2FzdENvbmZpZykge1xuICAgIHRoaXMucG9wKCdpbmZvJywgbWVzc2FnZSwgY29uZmlnKTtcbiAgfVxuXG4gIGRhbmdlcihtZXNzYWdlOiBzdHJpbmcsIGNvbmZpZz86IFRvYXN0Q29uZmlnKSB7XG4gICAgdGhpcy5wb3AoJ2RhbmdlcicsIG1lc3NhZ2UsIGNvbmZpZyk7XG4gIH1cblxuICB3YXJuaW5nKG1lc3NhZ2U6IHN0cmluZywgY29uZmlnPzogVG9hc3RDb25maWcpIHtcbiAgICB0aGlzLnBvcCgnd2FybmluZycsIG1lc3NhZ2UsIGNvbmZpZyk7XG4gIH1cblxuICBwb3AodHlwZTogVG9hc3RUeXBlLCBtZXNzYWdlOiBzdHJpbmcsIGNvbmZpZz86IFRvYXN0Q29uZmlnKSB7XG4gICAgaWYgKHRoaXMubGFzdFRvYXN0ICYmICF0aGlzLmxhc3RUb2FzdD8ub3ZlcmxheS5vdmVybGF5RWxlbWVudCkge1xuICAgICAgdGhpcy5sYXN0VG9hc3QgPSB1bmRlZmluZWQ7XG4gICAgfVxuXG4gICAgY29uc3QgcG9zaXRpb25TdHJhdGVneSA9IHRoaXMuZ2V0UG9zaXRpb25TdHJhdGVneSgpO1xuICAgIGNvbnN0IG92ZXJsYXlSZWYgPSB0aGlzLm92ZXJsYXkuY3JlYXRlKHtcbiAgICAgIHBvc2l0aW9uU3RyYXRlZ3ksXG4gICAgfSk7XG4gICAgY29uc3QgdG9hc3RSZWYgPSBuZXcgVG9hc3RSZWYob3ZlcmxheVJlZik7XG4gICAgY29uc3QgaW5qZWN0b3IgPSB0aGlzLmNyZWF0ZUluamVjdG9yKHsgdHlwZSwgbWVzc2FnZSwgY29uZmlnIH0sIHRvYXN0UmVmKTtcbiAgICBjb25zdCB0b2FzdFBvcnRhbCA9IG5ldyBDb21wb25lbnRQb3J0YWwoVG9hc3RDb21wb25lbnQsIG51bGwsIGluamVjdG9yKTtcblxuICAgIG92ZXJsYXlSZWYuYXR0YWNoKHRvYXN0UG9ydGFsKTtcbiAgICB0aGlzLmxhc3RUb2FzdCA9IHRvYXN0UmVmO1xuICB9XG5cbiAgcHJpdmF0ZSBjcmVhdGVJbmplY3RvcihkYXRhOiBUb2FzdERhdGEsIHRvYXN0UmVmOiBUb2FzdFJlZik6IEluamVjdG9yIHtcbiAgICByZXR1cm4gSW5qZWN0b3IuY3JlYXRlKHtcbiAgICAgIHBhcmVudDogdGhpcy5pbmplY3RvcixcbiAgICAgIHByb3ZpZGVyczogW1xuICAgICAgICB7IHByb3ZpZGU6IEFTS19UT0FTVF9DT05GSUcsIHVzZVZhbHVlOiBkYXRhIH0sXG4gICAgICAgIHsgcHJvdmlkZTogVG9hc3RSZWYsIHVzZVZhbHVlOiB0b2FzdFJlZiB9LFxuICAgICAgXVxuICAgIH0pO1xuICB9XG5cbiAgcHJpdmF0ZSBnZXRQb3NpdGlvblN0cmF0ZWd5KCk6IFBvc2l0aW9uU3RyYXRlZ3kge1xuICAgIHJldHVybiB0aGlzLm92ZXJsYXkucG9zaXRpb24oKS5nbG9iYWwoKS50b3AodGhpcy5nZXRUb3BPZmZzZXQoKSkuY2VudGVySG9yaXpvbnRhbGx5KCk7XG4gIH1cblxuICBwcml2YXRlIGdldFRvcE9mZnNldCgpOiBzdHJpbmcge1xuICAgIGNvbnN0IG9mZnNldCA9IHRoaXMubGFzdFRvYXN0ID9cbiAgICAgIHRoaXMubGFzdFRvYXN0LmdldFBvc2l0aW9uKCkuYm90dG9tICsgdGhpcy5HQVAgOlxuICAgICAgdGhpcy5UT1BfTUFSR0lOO1xuXG4gICAgcmV0dXJuIGAke29mZnNldH1weGA7XG4gIH1cbn1cbiJdfQ==
|
package/esm2022/public-api.mjs
CHANGED
|
@@ -22,4 +22,8 @@ export * from './lib/directives/badge/badge.directive';
|
|
|
22
22
|
export * from './lib/directives/autofocus/autofocus.directive';
|
|
23
23
|
export * from './lib/directives/scroll/scroll.directive';
|
|
24
24
|
export * from './lib/directives/tooltip/ask-tooltip.directive';
|
|
25
|
-
|
|
25
|
+
// Services
|
|
26
|
+
export * from './lib/services/toast/toast.service';
|
|
27
|
+
// Config
|
|
28
|
+
export * from './lib/services/toast/toast.config';
|
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljLWFwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2Fza3N1aXRlLWNpdHJ1cy9zcmMvcHVibGljLWFwaS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQTs7R0FFRztBQUVILGNBQWMsOEJBQThCLENBQUM7QUFFN0MsYUFBYTtBQUNiLGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYyx3Q0FBd0MsQ0FBQTtBQUN0RCxjQUFjLDBDQUEwQyxDQUFBO0FBQ3hELGNBQWMsb0NBQW9DLENBQUE7QUFDbEQsY0FBYywwQ0FBMEMsQ0FBQTtBQUN4RCxjQUFjLGtFQUFrRSxDQUFBO0FBQ2hGLGNBQWMsc0RBQXNELENBQUE7QUFDcEUsY0FBYyw4Q0FBOEMsQ0FBQTtBQUM1RCxjQUFjLHdDQUF3QyxDQUFBO0FBQ3RELGNBQWMsb0RBQW9ELENBQUE7QUFDbEUsY0FBYyxrRkFBa0YsQ0FBQTtBQUNoRyxjQUFjLDhDQUE4QyxDQUFBO0FBRTVELGFBQWE7QUFDYixjQUFjLHlDQUF5QyxDQUFBO0FBQ3ZELGNBQWMsNENBQTRDLENBQUE7QUFDMUQsY0FBYyx3Q0FBd0MsQ0FBQTtBQUN0RCxjQUFjLGdEQUFnRCxDQUFBO0FBQzlELGNBQWMsMENBQTBDLENBQUE7QUFDeEQsY0FBYyxnREFBZ0QsQ0FBQztBQUUvRCxXQUFXO0FBQ1gsY0FBYyxvQ0FBb0MsQ0FBQztBQUVuRCxTQUFTO0FBQ1QsY0FBYyxtQ0FBbUMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qXG4gKiBQdWJsaWMgQVBJIFN1cmZhY2Ugb2YgYXNrc3VpdGUtY2l0cnVzXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9saWIvYXNrc3VpdGUtY2l0cnVzLm1vZHVsZSc7XG5cbi8vIENvbXBvbmVudHNcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvYnV0dG9uL2J1dHRvbi5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2lucHV0L2lucHV0LmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvc2VsZWN0L3NlbGVjdC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2JveC9ib3guY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9hdmF0YXIvYXZhdGFyLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZHJvcGRvd24tY29udGFpbmVyL2Ryb3Bkb3duLWNvbnRhaW5lci5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2F1dG9jb21wbGV0ZS9hdXRvY29tcGxldGUuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9jaGVja2JveC9jaGVja2JveC5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL2NoaXBzL2NoaXBzLmNvbXBvbmVudCdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2NvbXBvbmVudHMvZGF0ZS1waWNrZXIvZGF0ZS1waWNrZXIuY29tcG9uZW50J1xuZXhwb3J0ICogZnJvbSAnLi9saWIvY29tcG9uZW50cy9kYXRlLXBpY2tlci9kYXRlLXBpY2tlci1jYWxlbmRhci9kYXRlLXBpY2tlci1jYWxlbmRhci5jb21wb25lbnQnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9jb21wb25lbnRzL3NrZWxldG9uL3NrZWxldG9uLmNvbXBvbmVudCdcblxuLy8gRGlyZWN0aXZlc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9hc2stZHJvcGRvd24uZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9zcGlubmVyL3NwaW5uZXIuZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9iYWRnZS9iYWRnZS5kaXJlY3RpdmUnXG5leHBvcnQgKiBmcm9tICcuL2xpYi9kaXJlY3RpdmVzL2F1dG9mb2N1cy9hdXRvZm9jdXMuZGlyZWN0aXZlJ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvZGlyZWN0aXZlcy9zY3JvbGwvc2Nyb2xsLmRpcmVjdGl2ZSdcbmV4cG9ydCAqIGZyb20gJy4vbGliL2RpcmVjdGl2ZXMvdG9vbHRpcC9hc2stdG9vbHRpcC5kaXJlY3RpdmUnO1xuXG4vLyBTZXJ2aWNlc1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvdG9hc3QvdG9hc3Quc2VydmljZSc7XG5cbi8vIENvbmZpZ1xuZXhwb3J0ICogZnJvbSAnLi9saWIvc2VydmljZXMvdG9hc3QvdG9hc3QuY29uZmlnJztcbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
-
import { EventEmitter, Component, Input, Output, forwardRef, ViewChild, HostListener, Directive, ChangeDetectionStrategy, inject, DestroyRef, HostBinding, Inject, NgModule } from '@angular/core';
|
|
2
|
+
import { EventEmitter, Component, Input, Output, forwardRef, ViewChild, HostListener, Directive, ChangeDetectionStrategy, inject, DestroyRef, HostBinding, Inject, InjectionToken, NgModule, Injector, Injectable } from '@angular/core';
|
|
3
3
|
import * as i1 from '@angular/common';
|
|
4
4
|
import { DOCUMENT, CommonModule } from '@angular/common';
|
|
5
5
|
import * as i1$2 from '@angular/material/tooltip';
|
|
@@ -1503,6 +1503,84 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1503
1503
|
type: Input
|
|
1504
1504
|
}] } });
|
|
1505
1505
|
|
|
1506
|
+
const ASK_TOAST_CONFIG = new InjectionToken('Default toast options');
|
|
1507
|
+
|
|
1508
|
+
class ToastRef {
|
|
1509
|
+
constructor(overlay) {
|
|
1510
|
+
this.overlay = overlay;
|
|
1511
|
+
}
|
|
1512
|
+
close() {
|
|
1513
|
+
this.overlay.dispose();
|
|
1514
|
+
}
|
|
1515
|
+
getPosition() {
|
|
1516
|
+
return this.overlay.overlayElement.getBoundingClientRect();
|
|
1517
|
+
}
|
|
1518
|
+
}
|
|
1519
|
+
|
|
1520
|
+
class ToastComponent {
|
|
1521
|
+
constructor(data, ref) {
|
|
1522
|
+
this.data = data;
|
|
1523
|
+
this.ref = ref;
|
|
1524
|
+
this.message = '';
|
|
1525
|
+
this.icon = 'check_small';
|
|
1526
|
+
this.config = {
|
|
1527
|
+
timeout: 5000,
|
|
1528
|
+
};
|
|
1529
|
+
this.color = 'var(--success-green)';
|
|
1530
|
+
this.fontColor = 'var(--white)';
|
|
1531
|
+
this.isClosing = false;
|
|
1532
|
+
this.TYPES = {
|
|
1533
|
+
success: { color: 'var(--success-green)', icon: 'check_small', fontColor: 'var(--white)' },
|
|
1534
|
+
warning: { color: 'var(--warning-yellow)', icon: 'warning', fontColor: 'var(--grey-800)' },
|
|
1535
|
+
danger: { color: 'var(--error-red)', icon: 'error', fontColor: 'var(--white)' },
|
|
1536
|
+
info: { color: 'var(--facebook-blue)', icon: 'info', fontColor: 'var(--white)' },
|
|
1537
|
+
};
|
|
1538
|
+
this.message = data.message;
|
|
1539
|
+
this.type = data.type;
|
|
1540
|
+
this.config = {
|
|
1541
|
+
...this.config,
|
|
1542
|
+
...data.config
|
|
1543
|
+
};
|
|
1544
|
+
}
|
|
1545
|
+
set type(type) {
|
|
1546
|
+
this.icon = this.TYPES[type].icon;
|
|
1547
|
+
this.fontColor = this.TYPES[type].fontColor;
|
|
1548
|
+
this.color = this.TYPES[type].color;
|
|
1549
|
+
}
|
|
1550
|
+
ngOnInit() {
|
|
1551
|
+
if (this.config?.timeout) {
|
|
1552
|
+
this.timeoutRef = setTimeout(() => this.close(), this.config.timeout);
|
|
1553
|
+
}
|
|
1554
|
+
}
|
|
1555
|
+
ngOnDestroy() {
|
|
1556
|
+
clearTimeout(this.timeoutRef);
|
|
1557
|
+
}
|
|
1558
|
+
close() {
|
|
1559
|
+
this.isClosing = true;
|
|
1560
|
+
setTimeout(() => this.ref.close(), 250);
|
|
1561
|
+
}
|
|
1562
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastComponent, deps: [{ token: ASK_TOAST_CONFIG }, { token: ToastRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1563
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.1.6", type: ToastComponent, selector: "ask-toast", inputs: { type: "type" }, host: { properties: { "style.background-color": "this.color", "style.color": "this.fontColor", "class.closing": "this.isClosing" } }, ngImport: i0, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\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)}.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{position:relative;display:flex;align-items:center;gap:8px;flex-direction:row;width:220px;padding:16px;border-radius:4px;box-shadow:0 0 6px #2a304229;animation:toastIn .2s ease-out 0s 1 normal forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host.closing{animation:toastOut .2s ease-out 0s 1 normal forwards}:host>.icon{width:24px;height:24px;-webkit-user-select:none;user-select:none}:host>.message{font-size:1rem}.close-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;outline:none;background:none;cursor:pointer;top:4px;right:4px}.close-icon>.icon{font-size:16px}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1564
|
+
}
|
|
1565
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastComponent, decorators: [{
|
|
1566
|
+
type: Component,
|
|
1567
|
+
args: [{ selector: 'ask-toast', changeDetection: ChangeDetectionStrategy.OnPush, template: "<span class=\"material-icons icon\">\n {{ icon }}\n</span>\n\n<p class=\"message\">\n {{ message }}\n</p>\n\n<button type=\"button\" class=\"close-icon\" (click)=\"close()\">\n <span class=\"material-icons icon\" [style.color]=\"fontColor\">close</span>\n</button>\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)}.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{position:relative;display:flex;align-items:center;gap:8px;flex-direction:row;width:220px;padding:16px;border-radius:4px;box-shadow:0 0 6px #2a304229;animation:toastIn .2s ease-out 0s 1 normal forwards}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes toastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}:host.closing{animation:toastOut .2s ease-out 0s 1 normal forwards}:host>.icon{width:24px;height:24px;-webkit-user-select:none;user-select:none}:host>.message{font-size:1rem}.close-icon{position:absolute;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border:none;outline:none;background:none;cursor:pointer;top:4px;right:4px}.close-icon>.icon{font-size:16px}\n"] }]
|
|
1568
|
+
}], ctorParameters: function () { return [{ type: undefined, decorators: [{
|
|
1569
|
+
type: Inject,
|
|
1570
|
+
args: [ASK_TOAST_CONFIG]
|
|
1571
|
+
}] }, { type: ToastRef }]; }, propDecorators: { color: [{
|
|
1572
|
+
type: HostBinding,
|
|
1573
|
+
args: ['style.background-color']
|
|
1574
|
+
}], fontColor: [{
|
|
1575
|
+
type: HostBinding,
|
|
1576
|
+
args: ['style.color']
|
|
1577
|
+
}], isClosing: [{
|
|
1578
|
+
type: HostBinding,
|
|
1579
|
+
args: ['class.closing']
|
|
1580
|
+
}], type: [{
|
|
1581
|
+
type: Input
|
|
1582
|
+
}] } });
|
|
1583
|
+
|
|
1506
1584
|
class AsksuiteCitrusModule {
|
|
1507
1585
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
|
|
1508
1586
|
static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "16.1.6", ngImport: i0, type: AsksuiteCitrusModule, declarations: [ButtonComponent,
|
|
@@ -1523,7 +1601,8 @@ class AsksuiteCitrusModule {
|
|
|
1523
1601
|
BadgeDirective,
|
|
1524
1602
|
AutofocusDirective,
|
|
1525
1603
|
ScrollDirective,
|
|
1526
|
-
AskTooltipDirective
|
|
1604
|
+
AskTooltipDirective,
|
|
1605
|
+
ToastComponent], imports: [CommonModule,
|
|
1527
1606
|
FormsModule,
|
|
1528
1607
|
ReactiveFormsModule,
|
|
1529
1608
|
CdkOverlayOrigin,
|
|
@@ -1577,7 +1656,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1577
1656
|
BadgeDirective,
|
|
1578
1657
|
AutofocusDirective,
|
|
1579
1658
|
ScrollDirective,
|
|
1580
|
-
AskTooltipDirective
|
|
1659
|
+
AskTooltipDirective,
|
|
1660
|
+
ToastComponent,
|
|
1581
1661
|
],
|
|
1582
1662
|
imports: [
|
|
1583
1663
|
CommonModule,
|
|
@@ -1608,11 +1688,72 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1608
1688
|
BadgeDirective,
|
|
1609
1689
|
AutofocusDirective,
|
|
1610
1690
|
ScrollDirective,
|
|
1611
|
-
AskTooltipDirective
|
|
1691
|
+
AskTooltipDirective,
|
|
1612
1692
|
],
|
|
1613
1693
|
}]
|
|
1614
1694
|
}] });
|
|
1615
1695
|
|
|
1696
|
+
class ToastService {
|
|
1697
|
+
constructor(overlay, injector) {
|
|
1698
|
+
this.overlay = overlay;
|
|
1699
|
+
this.injector = injector;
|
|
1700
|
+
this.TOP_MARGIN = 72;
|
|
1701
|
+
this.GAP = 8;
|
|
1702
|
+
}
|
|
1703
|
+
success(message, config) {
|
|
1704
|
+
this.pop('success', message, config);
|
|
1705
|
+
}
|
|
1706
|
+
info(message, config) {
|
|
1707
|
+
this.pop('info', message, config);
|
|
1708
|
+
}
|
|
1709
|
+
danger(message, config) {
|
|
1710
|
+
this.pop('danger', message, config);
|
|
1711
|
+
}
|
|
1712
|
+
warning(message, config) {
|
|
1713
|
+
this.pop('warning', message, config);
|
|
1714
|
+
}
|
|
1715
|
+
pop(type, message, config) {
|
|
1716
|
+
if (this.lastToast && !this.lastToast?.overlay.overlayElement) {
|
|
1717
|
+
this.lastToast = undefined;
|
|
1718
|
+
}
|
|
1719
|
+
const positionStrategy = this.getPositionStrategy();
|
|
1720
|
+
const overlayRef = this.overlay.create({
|
|
1721
|
+
positionStrategy,
|
|
1722
|
+
});
|
|
1723
|
+
const toastRef = new ToastRef(overlayRef);
|
|
1724
|
+
const injector = this.createInjector({ type, message, config }, toastRef);
|
|
1725
|
+
const toastPortal = new ComponentPortal(ToastComponent, null, injector);
|
|
1726
|
+
overlayRef.attach(toastPortal);
|
|
1727
|
+
this.lastToast = toastRef;
|
|
1728
|
+
}
|
|
1729
|
+
createInjector(data, toastRef) {
|
|
1730
|
+
return Injector.create({
|
|
1731
|
+
parent: this.injector,
|
|
1732
|
+
providers: [
|
|
1733
|
+
{ provide: ASK_TOAST_CONFIG, useValue: data },
|
|
1734
|
+
{ provide: ToastRef, useValue: toastRef },
|
|
1735
|
+
]
|
|
1736
|
+
});
|
|
1737
|
+
}
|
|
1738
|
+
getPositionStrategy() {
|
|
1739
|
+
return this.overlay.position().global().top(this.getTopOffset()).centerHorizontally();
|
|
1740
|
+
}
|
|
1741
|
+
getTopOffset() {
|
|
1742
|
+
const offset = this.lastToast ?
|
|
1743
|
+
this.lastToast.getPosition().bottom + this.GAP :
|
|
1744
|
+
this.TOP_MARGIN;
|
|
1745
|
+
return `${offset}px`;
|
|
1746
|
+
}
|
|
1747
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastService, deps: [{ token: i1$3.Overlay }, { token: i0.Injector }], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
1748
|
+
static { this.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastService, providedIn: 'root' }); }
|
|
1749
|
+
}
|
|
1750
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImport: i0, type: ToastService, decorators: [{
|
|
1751
|
+
type: Injectable,
|
|
1752
|
+
args: [{
|
|
1753
|
+
providedIn: 'root'
|
|
1754
|
+
}]
|
|
1755
|
+
}], ctorParameters: function () { return [{ type: i1$3.Overlay }, { type: i0.Injector }]; } });
|
|
1756
|
+
|
|
1616
1757
|
/*
|
|
1617
1758
|
* Public API Surface of asksuite-citrus
|
|
1618
1759
|
*/
|
|
@@ -1621,5 +1762,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.1.6", ngImpor
|
|
|
1621
1762
|
* Generated bundle index. Do not edit.
|
|
1622
1763
|
*/
|
|
1623
1764
|
|
|
1624
|
-
export { AskDropdownDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, InputComponent, PeriodLabel, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, formatFrom, formatTo };
|
|
1765
|
+
export { ASK_TOAST_CONFIG, AskDropdownDirective, AskTooltipDirective, AsksuiteCitrusModule, AutocompleteComponent, AutofocusDirective, AvatarComponent, AvatarStatus, BadgeDirective, BoxComponent, ButtonComponent, CheckboxComponent, ChipsComponent, DEFAULT_DATE_FORMAT, DatePickerCalendarComponent, DatePickerComponent, DropdownContainerComponent, InputComponent, PeriodLabel, ScrollDirective, SelectComponent, SkeletonComponent, SpinnerDirective, ToastService, formatFrom, formatTo };
|
|
1625
1766
|
//# sourceMappingURL=asksuite-citrus.mjs.map
|