c3-components 0.0.1 → 0.0.3
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/README.md +67 -13
- package/esm2020/c3-components.mjs +5 -0
- package/esm2020/lib/c3-dialog/c3-dialog.module.mjs +56 -0
- package/esm2020/lib/c3-dialog/components/c3-dialog-confirm.component.mjs +52 -0
- package/esm2020/lib/c3-dialog/components/c3-dialog-embed-child.component.mjs +32 -0
- package/esm2020/lib/c3-dialog/components/c3-dialog-prompt.component.mjs +95 -0
- package/esm2020/lib/c3-dialog/services/c3-dialog.service.mjs +79 -0
- package/esm2020/lib/c3-dropdown/c3-dropdown.module.mjs +20 -0
- package/esm2020/lib/c3-dropdown/components/c3-dropdown.component.mjs +45 -0
- package/esm2020/lib/c3-dropdown/directives/c3-dropdown.trigger.mjs +128 -0
- package/esm2020/lib/c3-file-viewer/c3-file-viewer.module.mjs +51 -0
- package/esm2020/lib/c3-file-viewer/components/c3-file-viewer-actions/c3-file-viewer-actions.component.mjs +17 -0
- package/esm2020/lib/c3-file-viewer/components/c3-file-viewer-dialog/c3-file-viewer-dialog.mjs +20 -0
- package/esm2020/lib/c3-file-viewer/components/c3-file-viewer-image/c3-file-viewer-image.component.mjs +20 -0
- package/esm2020/lib/c3-file-viewer/components/c3-file-viewer-pdf/c3-file-viewer-pdf.component.mjs +23 -0
- package/esm2020/lib/c3-file-viewer/components/c3-file-viewer-video/c3-file-viewer-video.component.mjs +32 -0
- package/esm2020/lib/c3-file-viewer/components/public/c3-file-viewer/c3-file-viewer.component.mjs +86 -0
- package/esm2020/lib/c3-file-viewer/components/public/c3-file-viewer-dialog/c3-file-viewer-dialog.component.mjs +34 -0
- package/esm2020/lib/c3-file-viewer/consts/default.config.mjs +40 -0
- package/esm2020/lib/c3-file-viewer/directives/full-screen.directive.mjs +66 -0
- package/esm2020/lib/c3-file-viewer/models/custom-file-event.model.mjs +7 -0
- package/esm2020/lib/c3-file-viewer/models/file-metadata.mjs +2 -0
- package/esm2020/lib/c3-file-viewer/models/file-viewer-config.model.mjs +2 -0
- package/esm2020/lib/c3-file-viewer/models/file-viewer.mjs +206 -0
- package/esm2020/lib/c3-file-viewer/models/http.client.mjs +2 -0
- package/esm2020/lib/c3-safe-url/pipes/c3-safe-url.pipe.mjs +21 -0
- package/esm2020/public-api.mjs +34 -0
- package/fesm2015/c3-components.mjs +1055 -0
- package/fesm2015/c3-components.mjs.map +1 -0
- package/fesm2020/c3-components.mjs +1053 -0
- package/fesm2020/c3-components.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/c3-dialog/c3-dialog.module.d.ts +16 -0
- package/lib/c3-dialog/components/c3-dialog-confirm.component.d.ts +23 -0
- package/lib/c3-dialog/components/c3-dialog-embed-child.component.d.ts +18 -0
- package/lib/c3-dialog/components/c3-dialog-prompt.component.d.ts +31 -0
- package/lib/c3-dialog/services/c3-dialog.service.d.ts +19 -0
- package/lib/c3-dropdown/c3-dropdown.module.d.ts +10 -0
- package/lib/c3-dropdown/components/c3-dropdown.component.d.ts +15 -0
- package/lib/c3-dropdown/directives/c3-dropdown.trigger.d.ts +45 -0
- package/lib/c3-dropdown/styles/_c3-dropdown.sass +22 -0
- package/lib/c3-file-viewer/c3-file-viewer.module.d.ts +18 -0
- package/lib/c3-file-viewer/components/c3-file-viewer-actions/c3-file-viewer-actions.component.d.ts +8 -0
- package/lib/c3-file-viewer/components/c3-file-viewer-dialog/c3-file-viewer-dialog.d.ts +8 -0
- package/lib/c3-file-viewer/components/c3-file-viewer-image/c3-file-viewer-image.component.d.ts +9 -0
- package/lib/c3-file-viewer/components/c3-file-viewer-pdf/c3-file-viewer-pdf.component.d.ts +9 -0
- package/lib/c3-file-viewer/components/c3-file-viewer-video/c3-file-viewer-video.component.d.ts +12 -0
- package/lib/c3-file-viewer/components/public/c3-file-viewer/c3-file-viewer.component.d.ts +25 -0
- package/lib/c3-file-viewer/components/public/c3-file-viewer-dialog/c3-file-viewer-dialog.component.d.ts +12 -0
- package/lib/c3-file-viewer/consts/default.config.d.ts +2 -0
- package/lib/c3-file-viewer/directives/full-screen.directive.d.ts +12 -0
- package/lib/c3-file-viewer/models/custom-file-event.model.d.ts +5 -0
- package/lib/c3-file-viewer/models/file-metadata.d.ts +12 -0
- package/lib/c3-file-viewer/models/file-viewer-config.model.d.ts +48 -0
- package/lib/c3-file-viewer/models/file-viewer.d.ts +65 -0
- package/lib/c3-file-viewer/models/http.client.d.ts +14 -0
- package/lib/c3-file-viewer/styles/_c3-file-viewer.sass +116 -0
- package/lib/c3-safe-url/pipes/c3-safe-url.pipe.d.ts +10 -0
- package/lib/c3-styles/_c3-core.sass +8 -0
- package/lib/c3-styles/_c3-root-variables.sass +107 -0
- package/lib/c3-styles/_utils.sass +27 -0
- package/package.json +5 -4
- package/public-api.d.ts +30 -0
- package/src/lib/c3-file/c3-input-file/components/c3-input-file/c3-input-file.component.scss +3 -0
package/README.md
CHANGED
|
@@ -1,24 +1,78 @@
|
|
|
1
|
-
#
|
|
1
|
+
# C3-components
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
C3-components is an open-source component library that extends the [@angular/material](https://material.angular.io/) library. This collection of components aims to facilitate and accelerate the development of modern Angular applications by providing reusable and customizable components to meet specific needs.
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Table of Contents
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
7
|
+
- [Installation](#installation)
|
|
8
|
+
- [Components](#components)
|
|
9
|
+
- [Documentation](#documentation)
|
|
10
|
+
- [Development](#development)
|
|
11
|
+
- [Contributing](#contributing)
|
|
12
|
+
- [License](#license)
|
|
9
13
|
|
|
10
|
-
##
|
|
14
|
+
## Installation
|
|
11
15
|
|
|
12
|
-
|
|
16
|
+
To install C3-components in your Angular project, run the following command:
|
|
13
17
|
|
|
14
|
-
|
|
18
|
+
```bash
|
|
19
|
+
npm install C3-components
|
|
20
|
+
```
|
|
15
21
|
|
|
16
|
-
|
|
22
|
+
Also, make sure you have installed and configured @angular/material as per [their documentation](https://material.angular.io/guide/getting-started).
|
|
17
23
|
|
|
18
|
-
##
|
|
24
|
+
## Components
|
|
19
25
|
|
|
20
|
-
|
|
26
|
+
C3-components offer a variety of components that extend the functionality of @angular/material. Below is a table listing the available components and the progress status of their documentation:
|
|
21
27
|
|
|
22
|
-
|
|
28
|
+
| Component | Documentation Status |
|
|
29
|
+
| -------------- | --------------------------------------------------------------------------- |
|
|
30
|
+
| Dialog |  Completed |
|
|
31
|
+
| Dropdown |  Completed |
|
|
32
|
+
| File Upload |  Planned |
|
|
33
|
+
| File Viewer |  In Progress |
|
|
34
|
+
| Highlight Text |  Completed |
|
|
35
|
+
| Menu |  Planned |
|
|
36
|
+
| Modal |  Planned |
|
|
37
|
+
| NavBar |  Planned |
|
|
38
|
+
| Pdf Dialog |  Planned |
|
|
39
|
+
| Rounded Title |  Planned |
|
|
40
|
+
| Tabs |  Planned |
|
|
23
41
|
|
|
24
|
-
|
|
42
|
+
## Documentation
|
|
43
|
+
|
|
44
|
+
Complete documentation for the C3-components is available on our [documentation website](https://C3-components.example.com/). You'll find usage examples, guides, and API references for each component.
|
|
45
|
+
|
|
46
|
+
## Development
|
|
47
|
+
|
|
48
|
+
If you'd like to contribute to the development of C3-components, follow the steps below to set up your development environment:
|
|
49
|
+
|
|
50
|
+
1. Clone the repository:
|
|
51
|
+
|
|
52
|
+
```bash
|
|
53
|
+
git clone https://github.com/Kroenen62/C3-components.git
|
|
54
|
+
```
|
|
55
|
+
|
|
56
|
+
2. Install the dependencies:
|
|
57
|
+
|
|
58
|
+
```bash
|
|
59
|
+
npm install
|
|
60
|
+
```
|
|
61
|
+
|
|
62
|
+
3. Start the development server:
|
|
63
|
+
|
|
64
|
+
```bash
|
|
65
|
+
npm start
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
This will launch a local instance of the demo application to aid in the development and testing of the components.
|
|
69
|
+
|
|
70
|
+
## Contributing
|
|
71
|
+
|
|
72
|
+
This is my first contribution, and I am learning as I go. Please be understanding and patient as I work to improve this project.
|
|
73
|
+
|
|
74
|
+
Before contributing, please read our [contribution guide](./CONTRIBUTING.md) for best practices and guidelines for our project.
|
|
75
|
+
|
|
76
|
+
## License
|
|
77
|
+
|
|
78
|
+
C3-components are licensed under the [MIT License](./LICENSE). You are free to use, modify, and distribute it, subject to the terms of this license.
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Generated bundle index. Do not edit.
|
|
3
|
+
*/
|
|
4
|
+
export * from './public-api';
|
|
5
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtY29tcG9uZW50cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2MzLWNvbXBvbmVudHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7O0dBRUc7QUFFSCxjQUFjLGNBQWMsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbIi8qKlxuICogR2VuZXJhdGVkIGJ1bmRsZSBpbmRleC4gRG8gbm90IGVkaXQuXG4gKi9cblxuZXhwb3J0ICogZnJvbSAnLi9wdWJsaWMtYXBpJztcbiJdfQ==
|
|
@@ -0,0 +1,56 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import { MatDialogModule } from '@angular/material/dialog';
|
|
5
|
+
import { MatFormFieldModule } from '@angular/material/form-field';
|
|
6
|
+
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
|
|
7
|
+
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
8
|
+
import { MatInputModule } from '@angular/material/input';
|
|
9
|
+
import { ConfirmDialogComponent } from './components/c3-dialog-confirm.component';
|
|
10
|
+
import { C3DialogEmbedChildComponent } from './components/c3-dialog-embed-child.component';
|
|
11
|
+
import { C3PromptDialogComponent } from './components/c3-dialog-prompt.component';
|
|
12
|
+
import { C3DialogService } from './services/c3-dialog.service';
|
|
13
|
+
import * as i0 from "@angular/core";
|
|
14
|
+
export class C3DialogModule {
|
|
15
|
+
}
|
|
16
|
+
C3DialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
17
|
+
C3DialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: C3DialogModule, declarations: [ConfirmDialogComponent,
|
|
18
|
+
C3PromptDialogComponent,
|
|
19
|
+
C3DialogEmbedChildComponent], imports: [CommonModule,
|
|
20
|
+
MatDialogModule,
|
|
21
|
+
MatButtonModule,
|
|
22
|
+
MatFormFieldModule,
|
|
23
|
+
MatInputModule,
|
|
24
|
+
FormsModule,
|
|
25
|
+
FlexLayoutModule,
|
|
26
|
+
ReactiveFormsModule] });
|
|
27
|
+
C3DialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogModule, providers: [C3DialogService], imports: [CommonModule,
|
|
28
|
+
MatDialogModule,
|
|
29
|
+
MatButtonModule,
|
|
30
|
+
MatFormFieldModule,
|
|
31
|
+
MatInputModule,
|
|
32
|
+
FormsModule,
|
|
33
|
+
FlexLayoutModule,
|
|
34
|
+
ReactiveFormsModule] });
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogModule, decorators: [{
|
|
36
|
+
type: NgModule,
|
|
37
|
+
args: [{
|
|
38
|
+
declarations: [
|
|
39
|
+
ConfirmDialogComponent,
|
|
40
|
+
C3PromptDialogComponent,
|
|
41
|
+
C3DialogEmbedChildComponent,
|
|
42
|
+
],
|
|
43
|
+
imports: [
|
|
44
|
+
CommonModule,
|
|
45
|
+
MatDialogModule,
|
|
46
|
+
MatButtonModule,
|
|
47
|
+
MatFormFieldModule,
|
|
48
|
+
MatInputModule,
|
|
49
|
+
FormsModule,
|
|
50
|
+
FlexLayoutModule,
|
|
51
|
+
ReactiveFormsModule,
|
|
52
|
+
],
|
|
53
|
+
providers: [C3DialogService],
|
|
54
|
+
}]
|
|
55
|
+
}] });
|
|
56
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZGlhbG9nLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1kaWFsb2cvYzMtZGlhbG9nLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDM0QsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDhCQUE4QixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxXQUFXLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxnQkFBZ0IsQ0FBQztBQUNsRSxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQztBQUN4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDbEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sOENBQThDLENBQUM7QUFDM0YsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDbEYsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDhCQUE4QixDQUFDOztBQW9CL0QsTUFBTSxPQUFPLGNBQWM7OzJHQUFkLGNBQWM7NEdBQWQsY0FBYyxpQkFoQnZCLHNCQUFzQjtRQUN0Qix1QkFBdUI7UUFDdkIsMkJBQTJCLGFBRzNCLFlBQVk7UUFDWixlQUFlO1FBQ2YsZUFBZTtRQUNmLGtCQUFrQjtRQUNsQixjQUFjO1FBQ2QsV0FBVztRQUNYLGdCQUFnQjtRQUNoQixtQkFBbUI7NEdBSVYsY0FBYyxhQUZkLENBQUMsZUFBZSxDQUFDLFlBVDFCLFlBQVk7UUFDWixlQUFlO1FBQ2YsZUFBZTtRQUNmLGtCQUFrQjtRQUNsQixjQUFjO1FBQ2QsV0FBVztRQUNYLGdCQUFnQjtRQUNoQixtQkFBbUI7MkZBSVYsY0FBYztrQkFsQjFCLFFBQVE7bUJBQUM7b0JBQ1IsWUFBWSxFQUFFO3dCQUNaLHNCQUFzQjt3QkFDdEIsdUJBQXVCO3dCQUN2QiwyQkFBMkI7cUJBQzVCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QsV0FBVzt3QkFDWCxnQkFBZ0I7d0JBQ2hCLG1CQUFtQjtxQkFDcEI7b0JBQ0QsU0FBUyxFQUFFLENBQUMsZUFBZSxDQUFDO2lCQUM3QiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XG5pbXBvcnQgeyBNYXRGb3JtRmllbGRNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9mb3JtLWZpZWxkJztcbmltcG9ydCB7IEZvcm1zTW9kdWxlLCBSZWFjdGl2ZUZvcm1zTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuaW1wb3J0IHsgRmxleExheW91dE1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2ZsZXgtbGF5b3V0JztcbmltcG9ydCB7IE1hdElucHV0TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaW5wdXQnO1xuaW1wb3J0IHsgQ29uZmlybURpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vY29tcG9uZW50cy9jMy1kaWFsb2ctY29uZmlybS5jb21wb25lbnQnO1xuaW1wb3J0IHsgQzNEaWFsb2dFbWJlZENoaWxkQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2MzLWRpYWxvZy1lbWJlZC1jaGlsZC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQzNQcm9tcHREaWFsb2dDb21wb25lbnQgfSBmcm9tICcuL2NvbXBvbmVudHMvYzMtZGlhbG9nLXByb21wdC5jb21wb25lbnQnO1xuaW1wb3J0IHsgQzNEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnLi9zZXJ2aWNlcy9jMy1kaWFsb2cuc2VydmljZSc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW1xuICAgIENvbmZpcm1EaWFsb2dDb21wb25lbnQsXG4gICAgQzNQcm9tcHREaWFsb2dDb21wb25lbnQsXG4gICAgQzNEaWFsb2dFbWJlZENoaWxkQ29tcG9uZW50LFxuICBdLFxuICBpbXBvcnRzOiBbXG4gICAgQ29tbW9uTW9kdWxlLFxuICAgIE1hdERpYWxvZ01vZHVsZSxcbiAgICBNYXRCdXR0b25Nb2R1bGUsXG4gICAgTWF0Rm9ybUZpZWxkTW9kdWxlLFxuICAgIE1hdElucHV0TW9kdWxlLFxuICAgIEZvcm1zTW9kdWxlLFxuICAgIEZsZXhMYXlvdXRNb2R1bGUsXG4gICAgUmVhY3RpdmVGb3Jtc01vZHVsZSxcbiAgXSxcbiAgcHJvdmlkZXJzOiBbQzNEaWFsb2dTZXJ2aWNlXSxcbn0pXG5leHBvcnQgY2xhc3MgQzNEaWFsb2dNb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Component, Inject } from '@angular/core';
|
|
2
|
+
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/dialog";
|
|
5
|
+
import * as i2 from "@angular/material/button";
|
|
6
|
+
import * as i3 from "@angular/flex-layout/flex";
|
|
7
|
+
export class ConfirmDialogComponent {
|
|
8
|
+
constructor(dialogRef, data) {
|
|
9
|
+
this.dialogRef = dialogRef;
|
|
10
|
+
this.data = data;
|
|
11
|
+
}
|
|
12
|
+
onNoClick() {
|
|
13
|
+
this.dialogRef.close();
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
ConfirmDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
ConfirmDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: ConfirmDialogComponent, selector: "ConfirmDialogComponent", ngImport: i0, template: `
|
|
18
|
+
<mat-dialog-content>
|
|
19
|
+
<div [innerHtml]="data.text"></div>
|
|
20
|
+
</mat-dialog-content>
|
|
21
|
+
<mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
|
|
22
|
+
<button mat-button mat-dialog-close [color]="data.reject?.color">
|
|
23
|
+
{{ data.reject?.text }}
|
|
24
|
+
</button>
|
|
25
|
+
<button mat-button [color]="data.accept?.color" [mat-dialog-close]="true">
|
|
26
|
+
{{ data.accept?.text }}
|
|
27
|
+
</button>
|
|
28
|
+
</mat-dialog-actions>
|
|
29
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "directive", type: i3.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i3.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }] });
|
|
30
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: ConfirmDialogComponent, decorators: [{
|
|
31
|
+
type: Component,
|
|
32
|
+
args: [{
|
|
33
|
+
selector: 'ConfirmDialogComponent',
|
|
34
|
+
template: `
|
|
35
|
+
<mat-dialog-content>
|
|
36
|
+
<div [innerHtml]="data.text"></div>
|
|
37
|
+
</mat-dialog-content>
|
|
38
|
+
<mat-dialog-actions fxLayout="row" fxLayoutAlign="end center">
|
|
39
|
+
<button mat-button mat-dialog-close [color]="data.reject?.color">
|
|
40
|
+
{{ data.reject?.text }}
|
|
41
|
+
</button>
|
|
42
|
+
<button mat-button [color]="data.accept?.color" [mat-dialog-close]="true">
|
|
43
|
+
{{ data.accept?.text }}
|
|
44
|
+
</button>
|
|
45
|
+
</mat-dialog-actions>
|
|
46
|
+
`,
|
|
47
|
+
}]
|
|
48
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
49
|
+
type: Inject,
|
|
50
|
+
args: [MAT_DIALOG_DATA]
|
|
51
|
+
}] }]; } });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYzMtY29tcG9uZW50cy9zcmMvbGliL2MzLWRpYWxvZy9jb21wb25lbnRzL2MzLWRpYWxvZy1jb25maXJtLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsRCxPQUFPLEVBQWdCLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDOzs7OztBQWdDekUsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxZQUNTLFNBQStDLEVBRS9DLElBQW1CO1FBRm5CLGNBQVMsR0FBVCxTQUFTLENBQXNDO1FBRS9DLFNBQUksR0FBSixJQUFJLENBQWU7SUFDekIsQ0FBQztJQUVKLFNBQVM7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7O21IQVRVLHNCQUFzQiw4Q0FHdkIsZUFBZTt1R0FIZCxzQkFBc0IsOERBZHZCOzs7Ozs7Ozs7Ozs7R0FZVDsyRkFFVSxzQkFBc0I7a0JBaEJsQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSx3QkFBd0I7b0JBQ2xDLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7O0dBWVQ7aUJBQ0Y7OzBCQUlJLE1BQU07MkJBQUMsZUFBZSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcclxuXHJcbmV4cG9ydCBpbnRlcmZhY2UgQ29uZmlybUNvbmZpZyB7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG4gIHBsYWNlaG9sZGVyPzogc3RyaW5nO1xyXG4gIHJlamVjdD86IHtcclxuICAgIGNvbG9yPzogc3RyaW5nO1xyXG4gICAgdGV4dD86IHN0cmluZztcclxuICB9O1xyXG4gIGFjY2VwdD86IHtcclxuICAgIGNvbG9yPzogc3RyaW5nO1xyXG4gICAgdGV4dDogc3RyaW5nO1xyXG4gIH07XHJcbiAgd2lkdGg/OiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnQ29uZmlybURpYWxvZ0NvbXBvbmVudCcsXHJcbiAgdGVtcGxhdGU6IGBcclxuICAgIDxtYXQtZGlhbG9nLWNvbnRlbnQ+XHJcbiAgICAgIDxkaXYgW2lubmVySHRtbF09XCJkYXRhLnRleHRcIj48L2Rpdj5cclxuICAgIDwvbWF0LWRpYWxvZy1jb250ZW50PlxyXG4gICAgPG1hdC1kaWFsb2ctYWN0aW9ucyBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0QWxpZ249XCJlbmQgY2VudGVyXCI+XHJcbiAgICAgIDxidXR0b24gbWF0LWJ1dHRvbiBtYXQtZGlhbG9nLWNsb3NlIFtjb2xvcl09XCJkYXRhLnJlamVjdD8uY29sb3JcIj5cclxuICAgICAgICB7eyBkYXRhLnJlamVjdD8udGV4dCB9fVxyXG4gICAgICA8L2J1dHRvbj5cclxuICAgICAgPGJ1dHRvbiBtYXQtYnV0dG9uIFtjb2xvcl09XCJkYXRhLmFjY2VwdD8uY29sb3JcIiBbbWF0LWRpYWxvZy1jbG9zZV09XCJ0cnVlXCI+XHJcbiAgICAgICAge3sgZGF0YS5hY2NlcHQ/LnRleHQgfX1cclxuICAgICAgPC9idXR0b24+XHJcbiAgICA8L21hdC1kaWFsb2ctYWN0aW9ucz5cclxuICBgLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgQ29uZmlybURpYWxvZ0NvbXBvbmVudCB7XHJcbiAgY29uc3RydWN0b3IoXHJcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8Q29uZmlybURpYWxvZ0NvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSlcclxuICAgIHB1YmxpYyBkYXRhOiBDb25maXJtQ29uZmlnXHJcbiAgKSB7fVxyXG5cclxuICBvbk5vQ2xpY2soKTogdm9pZCB7XHJcbiAgICB0aGlzLmRpYWxvZ1JlZi5jbG9zZSgpO1xyXG4gIH1cclxufVxyXG4iXX0=
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { Component, Inject, ViewChild, ViewContainerRef, } from '@angular/core';
|
|
2
|
+
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/dialog";
|
|
5
|
+
export class C3DialogEmbedChildComponent {
|
|
6
|
+
constructor(dialogRef, data, _cdr) {
|
|
7
|
+
this.dialogRef = dialogRef;
|
|
8
|
+
this.data = data;
|
|
9
|
+
this._cdr = _cdr;
|
|
10
|
+
}
|
|
11
|
+
ngAfterViewInit() {
|
|
12
|
+
this.createdComponent = this.target.createComponent(this.data.component);
|
|
13
|
+
this._cdr.detectChanges();
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
C3DialogEmbedChildComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogEmbedChildComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
17
|
+
C3DialogEmbedChildComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: C3DialogEmbedChildComponent, selector: "C3DialogEmbedChildComponent", viewQueries: [{ propertyName: "target", first: true, predicate: ["target"], descendants: true, read: ViewContainerRef }], ngImport: i0, template: `<mat-dialog-content>
|
|
18
|
+
<ng-template #target></ng-template>
|
|
19
|
+
</mat-dialog-content>`, isInline: true, dependencies: [{ kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }] });
|
|
20
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogEmbedChildComponent, decorators: [{
|
|
21
|
+
type: Component,
|
|
22
|
+
args: [{ selector: 'C3DialogEmbedChildComponent', template: `<mat-dialog-content>
|
|
23
|
+
<ng-template #target></ng-template>
|
|
24
|
+
</mat-dialog-content>` }]
|
|
25
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
26
|
+
type: Inject,
|
|
27
|
+
args: [MAT_DIALOG_DATA]
|
|
28
|
+
}] }, { type: i0.ChangeDetectorRef }]; }, propDecorators: { target: [{
|
|
29
|
+
type: ViewChild,
|
|
30
|
+
args: ['target', { read: ViewContainerRef }]
|
|
31
|
+
}] } });
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZGlhbG9nLWVtYmVkLWNoaWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1kaWFsb2cvY29tcG9uZW50cy9jMy1kaWFsb2ctZW1iZWQtY2hpbGQuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFHTCxTQUFTLEVBRVQsTUFBTSxFQUVOLFNBQVMsRUFDVCxnQkFBZ0IsR0FDakIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBU3pFLE1BQU0sT0FBTywyQkFBMkI7SUFPdEMsWUFDUyxTQUFtRSxFQUVuRSxJQUVOLEVBQ08sSUFBdUI7UUFMeEIsY0FBUyxHQUFULFNBQVMsQ0FBMEQ7UUFFbkUsU0FBSSxHQUFKLElBQUksQ0FFVjtRQUNPLFNBQUksR0FBSixJQUFJLENBQW1CO0lBQzlCLENBQUM7SUFFSixlQUFlO1FBQ2IsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsZUFBZSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDekUsSUFBSSxDQUFDLElBQUksQ0FBQyxhQUFhLEVBQUUsQ0FBQztJQUM1QixDQUFDOzt3SEFuQlUsMkJBQTJCLDhDQVM1QixlQUFlOzRHQVRkLDJCQUEyQixnSkFHVCxnQkFBZ0IsNkJBUm5DOzt3QkFFWTsyRkFHWCwyQkFBMkI7a0JBUHZDLFNBQVM7K0JBQ0UsNkJBQTZCLFlBQzdCOzt3QkFFWTs7MEJBWW5CLE1BQU07MkJBQUMsZUFBZTs0RUFOd0IsTUFBTTtzQkFBdEQsU0FBUzt1QkFBQyxRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsZ0JBQWdCLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBDb21wb25lbnRSZWYsXG4gIEluamVjdCxcbiAgVHlwZSxcbiAgVmlld0NoaWxkLFxuICBWaWV3Q29udGFpbmVyUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZ1JlZiwgTUFUX0RJQUxPR19EQVRBIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnQzNEaWFsb2dFbWJlZENoaWxkQ29tcG9uZW50JyxcbiAgdGVtcGxhdGU6IGA8bWF0LWRpYWxvZy1jb250ZW50PlxuICAgIDxuZy10ZW1wbGF0ZSAjdGFyZ2V0PjwvbmctdGVtcGxhdGU+XG4gIDwvbWF0LWRpYWxvZy1jb250ZW50PmAsXG4gIHN0eWxlczogW10sXG59KVxuZXhwb3J0IGNsYXNzIEMzRGlhbG9nRW1iZWRDaGlsZENvbXBvbmVudDxDb21wb25lbnlUeXBlPlxuICBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXRcbntcbiAgQFZpZXdDaGlsZCgndGFyZ2V0JywgeyByZWFkOiBWaWV3Q29udGFpbmVyUmVmIH0pIHRhcmdldCE6IFZpZXdDb250YWluZXJSZWY7XG5cbiAgY3JlYXRlZENvbXBvbmVudD86IENvbXBvbmVudFJlZjxDb21wb25lbnlUeXBlPjtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwdWJsaWMgZGlhbG9nUmVmOiBNYXREaWFsb2dSZWY8QzNEaWFsb2dFbWJlZENoaWxkQ29tcG9uZW50PENvbXBvbmVueVR5cGU+PixcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSlcbiAgICBwdWJsaWMgZGF0YToge1xuICAgICAgY29tcG9uZW50OiBUeXBlPENvbXBvbmVueVR5cGU+O1xuICAgIH0sXG4gICAgcHJpdmF0ZSBfY2RyOiBDaGFuZ2VEZXRlY3RvclJlZlxuICApIHt9XG5cbiAgbmdBZnRlclZpZXdJbml0KCkge1xuICAgIHRoaXMuY3JlYXRlZENvbXBvbmVudCA9IHRoaXMudGFyZ2V0LmNyZWF0ZUNvbXBvbmVudCh0aGlzLmRhdGEuY29tcG9uZW50KTtcbiAgICB0aGlzLl9jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG59XG4iXX0=
|
|
@@ -0,0 +1,95 @@
|
|
|
1
|
+
import { Component, Inject } from '@angular/core';
|
|
2
|
+
import { MAT_DIALOG_DATA } from '@angular/material/dialog';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/dialog";
|
|
5
|
+
import * as i2 from "@angular/forms";
|
|
6
|
+
import * as i3 from "@angular/common";
|
|
7
|
+
import * as i4 from "@angular/material/button";
|
|
8
|
+
import * as i5 from "@angular/material/form-field";
|
|
9
|
+
import * as i6 from "@angular/material/input";
|
|
10
|
+
import * as i7 from "@angular/cdk/text-field";
|
|
11
|
+
export class C3PromptDialogComponent {
|
|
12
|
+
constructor(dialogRef, data, _fb) {
|
|
13
|
+
this.dialogRef = dialogRef;
|
|
14
|
+
this.data = data;
|
|
15
|
+
this._fb = _fb;
|
|
16
|
+
this.result = this._fb.control(data.defaultValue, data.validators);
|
|
17
|
+
}
|
|
18
|
+
onNoClick() {
|
|
19
|
+
this.dialogRef.close();
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
C3PromptDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3PromptDialogComponent, deps: [{ token: i1.MatDialogRef }, { token: MAT_DIALOG_DATA }, { token: i2.FormBuilder }], target: i0.ɵɵFactoryTarget.Component });
|
|
23
|
+
C3PromptDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: C3PromptDialogComponent, selector: "PrompDialogComponent", ngImport: i0, template: `
|
|
24
|
+
<div mat-dialog-title>{{ data.text }}</div>
|
|
25
|
+
<mat-dialog-content>
|
|
26
|
+
<mat-form-field>
|
|
27
|
+
<mat-label *ngIf="data.placeholder">{{ data.placeholder }}</mat-label>
|
|
28
|
+
<input
|
|
29
|
+
*ngIf="!data.multiline"
|
|
30
|
+
matInput
|
|
31
|
+
[formControl]="result"
|
|
32
|
+
(keydown.enter)="dialogRef.close(result.value)"
|
|
33
|
+
/>
|
|
34
|
+
<textarea
|
|
35
|
+
*ngIf="data.multiline"
|
|
36
|
+
matInput
|
|
37
|
+
[formControl]="result"
|
|
38
|
+
cdkTextareaAutosize
|
|
39
|
+
></textarea>
|
|
40
|
+
</mat-form-field>
|
|
41
|
+
</mat-dialog-content>
|
|
42
|
+
<mat-dialog-actions align="center">
|
|
43
|
+
<button mat-raised-button mat-dialog-close [class]="data.reject?.color">
|
|
44
|
+
{{ data.reject?.text }}
|
|
45
|
+
</button>
|
|
46
|
+
<button
|
|
47
|
+
mat-raised-button
|
|
48
|
+
[disabled]="result.invalid || (data.required && !result.value)"
|
|
49
|
+
[class]="data.accept?.color"
|
|
50
|
+
[mat-dialog-close]="result.value"
|
|
51
|
+
>
|
|
52
|
+
{{ data.accept?.text }}
|
|
53
|
+
</button>
|
|
54
|
+
</mat-dialog-actions>
|
|
55
|
+
`, isInline: true, styles: ["mat-form-field{width:100%}\n"], dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.MatDialogClose, selector: "[mat-dialog-close], [matDialogClose]", inputs: ["aria-label", "type", "mat-dialog-close", "matDialogClose"], exportAs: ["matDialogClose"] }, { kind: "directive", type: i1.MatDialogTitle, selector: "[mat-dialog-title], [matDialogTitle]", inputs: ["id"], exportAs: ["matDialogTitle"] }, { kind: "directive", type: i1.MatDialogContent, selector: "[mat-dialog-content], mat-dialog-content, [matDialogContent]" }, { kind: "directive", type: i1.MatDialogActions, selector: "[mat-dialog-actions], mat-dialog-actions, [matDialogActions]", inputs: ["align"] }, { kind: "component", type: i4.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i5.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i5.MatLabel, selector: "mat-label" }, { kind: "directive", type: i6.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly"], exportAs: ["matInput"] }, { kind: "directive", type: i7.CdkTextareaAutosize, selector: "textarea[cdkTextareaAutosize]", inputs: ["cdkAutosizeMinRows", "cdkAutosizeMaxRows", "cdkTextareaAutosize", "placeholder"], exportAs: ["cdkTextareaAutosize"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }] });
|
|
56
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3PromptDialogComponent, decorators: [{
|
|
57
|
+
type: Component,
|
|
58
|
+
args: [{ selector: 'PrompDialogComponent', template: `
|
|
59
|
+
<div mat-dialog-title>{{ data.text }}</div>
|
|
60
|
+
<mat-dialog-content>
|
|
61
|
+
<mat-form-field>
|
|
62
|
+
<mat-label *ngIf="data.placeholder">{{ data.placeholder }}</mat-label>
|
|
63
|
+
<input
|
|
64
|
+
*ngIf="!data.multiline"
|
|
65
|
+
matInput
|
|
66
|
+
[formControl]="result"
|
|
67
|
+
(keydown.enter)="dialogRef.close(result.value)"
|
|
68
|
+
/>
|
|
69
|
+
<textarea
|
|
70
|
+
*ngIf="data.multiline"
|
|
71
|
+
matInput
|
|
72
|
+
[formControl]="result"
|
|
73
|
+
cdkTextareaAutosize
|
|
74
|
+
></textarea>
|
|
75
|
+
</mat-form-field>
|
|
76
|
+
</mat-dialog-content>
|
|
77
|
+
<mat-dialog-actions align="center">
|
|
78
|
+
<button mat-raised-button mat-dialog-close [class]="data.reject?.color">
|
|
79
|
+
{{ data.reject?.text }}
|
|
80
|
+
</button>
|
|
81
|
+
<button
|
|
82
|
+
mat-raised-button
|
|
83
|
+
[disabled]="result.invalid || (data.required && !result.value)"
|
|
84
|
+
[class]="data.accept?.color"
|
|
85
|
+
[mat-dialog-close]="result.value"
|
|
86
|
+
>
|
|
87
|
+
{{ data.accept?.text }}
|
|
88
|
+
</button>
|
|
89
|
+
</mat-dialog-actions>
|
|
90
|
+
`, styles: ["mat-form-field{width:100%}\n"] }]
|
|
91
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialogRef }, { type: undefined, decorators: [{
|
|
92
|
+
type: Inject,
|
|
93
|
+
args: [MAT_DIALOG_DATA]
|
|
94
|
+
}] }, { type: i2.FormBuilder }]; } });
|
|
95
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZGlhbG9nLXByb21wdC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jMy1jb21wb25lbnRzL3NyYy9saWIvYzMtZGlhbG9nL2NvbXBvbmVudHMvYzMtZGlhbG9nLXByb21wdC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFbEQsT0FBTyxFQUFnQixlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7Ozs7Ozs7O0FBZ0V6RSxNQUFNLE9BQU8sdUJBQXVCO0lBRWxDLFlBQ1MsU0FBZ0QsRUFFaEQsSUFBa0IsRUFDakIsR0FBZ0I7UUFIakIsY0FBUyxHQUFULFNBQVMsQ0FBdUM7UUFFaEQsU0FBSSxHQUFKLElBQUksQ0FBYztRQUNqQixRQUFHLEdBQUgsR0FBRyxDQUFhO1FBRXhCLElBQUksQ0FBQyxNQUFNLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLFlBQVksRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELFNBQVM7UUFDUCxJQUFJLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxDQUFDO0lBQ3pCLENBQUM7O29IQWJVLHVCQUF1Qiw4Q0FJeEIsZUFBZTt3R0FKZCx1QkFBdUIsNERBekN4Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0FnQ1Q7MkZBU1UsdUJBQXVCO2tCQTNDbkMsU0FBUzsrQkFDRSxzQkFBc0IsWUFDdEI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBZ0NUOzswQkFhRSxNQUFNOzJCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEluamVjdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBGb3JtQnVpbGRlciwgRm9ybUNvbnRyb2wsIFZhbGlkYXRvckZuIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xyXG5pbXBvcnQgeyBNYXREaWFsb2dSZWYsIE1BVF9ESUFMT0dfREFUQSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2RpYWxvZyc7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFByb21wdENvbmZpZyB7XHJcbiAgdGV4dDogc3RyaW5nO1xyXG4gIGRlZmF1bHRWYWx1ZT86IHN0cmluZztcclxuICBwbGFjZWhvbGRlcj86IHN0cmluZztcclxuICBtdWx0aWxpbmU/OiBib29sZWFuO1xyXG4gIHZhbGlkYXRvcnM/OiBWYWxpZGF0b3JGbiB8IFZhbGlkYXRvckZuW107XHJcbiAgcmVxdWlyZWQ/OiBib29sZWFuO1xyXG4gIHJlamVjdD86IHtcclxuICAgIGNvbG9yOiBzdHJpbmc7XHJcbiAgICB0ZXh0OiBzdHJpbmc7XHJcbiAgfTtcclxuICBhY2NlcHQ/OiB7XHJcbiAgICBjb2xvcjogc3RyaW5nO1xyXG4gICAgdGV4dDogc3RyaW5nO1xyXG4gIH07XHJcbiAgd2lkdGg/OiBzdHJpbmc7XHJcbiAgbWF4V2lkdGg/OiBzdHJpbmc7XHJcbn1cclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnUHJvbXBEaWFsb2dDb21wb25lbnQnLFxyXG4gIHRlbXBsYXRlOiBgXHJcbiAgICA8ZGl2IG1hdC1kaWFsb2ctdGl0bGU+e3sgZGF0YS50ZXh0IH19PC9kaXY+XHJcbiAgICA8bWF0LWRpYWxvZy1jb250ZW50PlxyXG4gICAgICA8bWF0LWZvcm0tZmllbGQ+XHJcbiAgICAgICAgPG1hdC1sYWJlbCAqbmdJZj1cImRhdGEucGxhY2Vob2xkZXJcIj57eyBkYXRhLnBsYWNlaG9sZGVyIH19PC9tYXQtbGFiZWw+XHJcbiAgICAgICAgPGlucHV0XHJcbiAgICAgICAgICAqbmdJZj1cIiFkYXRhLm11bHRpbGluZVwiXHJcbiAgICAgICAgICBtYXRJbnB1dFxyXG4gICAgICAgICAgW2Zvcm1Db250cm9sXT1cInJlc3VsdFwiXHJcbiAgICAgICAgICAoa2V5ZG93bi5lbnRlcik9XCJkaWFsb2dSZWYuY2xvc2UocmVzdWx0LnZhbHVlKVwiXHJcbiAgICAgICAgLz5cclxuICAgICAgICA8dGV4dGFyZWFcclxuICAgICAgICAgICpuZ0lmPVwiZGF0YS5tdWx0aWxpbmVcIlxyXG4gICAgICAgICAgbWF0SW5wdXRcclxuICAgICAgICAgIFtmb3JtQ29udHJvbF09XCJyZXN1bHRcIlxyXG4gICAgICAgICAgY2RrVGV4dGFyZWFBdXRvc2l6ZVxyXG4gICAgICAgID48L3RleHRhcmVhPlxyXG4gICAgICA8L21hdC1mb3JtLWZpZWxkPlxyXG4gICAgPC9tYXQtZGlhbG9nLWNvbnRlbnQ+XHJcbiAgICA8bWF0LWRpYWxvZy1hY3Rpb25zIGFsaWduPVwiY2VudGVyXCI+XHJcbiAgICAgIDxidXR0b24gbWF0LXJhaXNlZC1idXR0b24gbWF0LWRpYWxvZy1jbG9zZSBbY2xhc3NdPVwiZGF0YS5yZWplY3Q/LmNvbG9yXCI+XHJcbiAgICAgICAge3sgZGF0YS5yZWplY3Q/LnRleHQgfX1cclxuICAgICAgPC9idXR0b24+XHJcbiAgICAgIDxidXR0b25cclxuICAgICAgICBtYXQtcmFpc2VkLWJ1dHRvblxyXG4gICAgICAgIFtkaXNhYmxlZF09XCJyZXN1bHQuaW52YWxpZCB8fCAoZGF0YS5yZXF1aXJlZCAmJiAhcmVzdWx0LnZhbHVlKVwiXHJcbiAgICAgICAgW2NsYXNzXT1cImRhdGEuYWNjZXB0Py5jb2xvclwiXHJcbiAgICAgICAgW21hdC1kaWFsb2ctY2xvc2VdPVwicmVzdWx0LnZhbHVlXCJcclxuICAgICAgPlxyXG4gICAgICAgIHt7IGRhdGEuYWNjZXB0Py50ZXh0IH19XHJcbiAgICAgIDwvYnV0dG9uPlxyXG4gICAgPC9tYXQtZGlhbG9nLWFjdGlvbnM+XHJcbiAgYCxcclxuICBzdHlsZXM6IFtcclxuICAgIGBcclxuICAgICAgbWF0LWZvcm0tZmllbGQge1xyXG4gICAgICAgIHdpZHRoOiAxMDAlO1xyXG4gICAgICB9XHJcbiAgICBgLFxyXG4gIF0sXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDM1Byb21wdERpYWxvZ0NvbXBvbmVudCB7XHJcbiAgcmVzdWx0OiBGb3JtQ29udHJvbDtcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHB1YmxpYyBkaWFsb2dSZWY6IE1hdERpYWxvZ1JlZjxDM1Byb21wdERpYWxvZ0NvbXBvbmVudD4sXHJcbiAgICBASW5qZWN0KE1BVF9ESUFMT0dfREFUQSlcclxuICAgIHB1YmxpYyBkYXRhOiBQcm9tcHRDb25maWcsXHJcbiAgICBwcml2YXRlIF9mYjogRm9ybUJ1aWxkZXJcclxuICApIHtcclxuICAgIHRoaXMucmVzdWx0ID0gdGhpcy5fZmIuY29udHJvbChkYXRhLmRlZmF1bHRWYWx1ZSwgZGF0YS52YWxpZGF0b3JzKTtcclxuICB9XHJcblxyXG4gIG9uTm9DbGljaygpOiB2b2lkIHtcclxuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
import { Injectable } from '@angular/core';
|
|
2
|
+
import { ConfirmDialogComponent, } from '../components/c3-dialog-confirm.component';
|
|
3
|
+
import { C3DialogEmbedChildComponent } from '../components/c3-dialog-embed-child.component';
|
|
4
|
+
import { C3PromptDialogComponent, } from '../components/c3-dialog-prompt.component';
|
|
5
|
+
import * as i0 from "@angular/core";
|
|
6
|
+
import * as i1 from "@angular/material/dialog";
|
|
7
|
+
export class C3DialogService {
|
|
8
|
+
constructor(dialog) {
|
|
9
|
+
this.dialog = dialog;
|
|
10
|
+
}
|
|
11
|
+
confirm(data) {
|
|
12
|
+
return new Promise((resolve, reject) => {
|
|
13
|
+
const dialogRef = this.dialog.open(ConfirmDialogComponent, {
|
|
14
|
+
width: data.width || '250px',
|
|
15
|
+
data: {
|
|
16
|
+
text: data.text,
|
|
17
|
+
reject: {
|
|
18
|
+
color: data.reject && data.reject.color ? data.reject.color : undefined,
|
|
19
|
+
text: (data.reject && data.reject.text) || 'Annuler',
|
|
20
|
+
},
|
|
21
|
+
accept: {
|
|
22
|
+
color: (data.accept && data.accept.color) || 'primary',
|
|
23
|
+
text: (data.accept && data.accept.text) || 'Accepter',
|
|
24
|
+
},
|
|
25
|
+
},
|
|
26
|
+
});
|
|
27
|
+
dialogRef.afterClosed().subscribe(async (result) => {
|
|
28
|
+
if (result)
|
|
29
|
+
resolve(true);
|
|
30
|
+
else
|
|
31
|
+
resolve(false);
|
|
32
|
+
});
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
prompt(data) {
|
|
36
|
+
return new Promise((resolve, reject) => {
|
|
37
|
+
const dialogRef = this.dialog.open(C3PromptDialogComponent, {
|
|
38
|
+
width: data.width || '250px',
|
|
39
|
+
maxWidth: data.maxWidth || '100vw',
|
|
40
|
+
data: {
|
|
41
|
+
text: data.text,
|
|
42
|
+
defaultValue: data.defaultValue,
|
|
43
|
+
placeholder: data.placeholder,
|
|
44
|
+
multiline: data.multiline,
|
|
45
|
+
validators: data.validators,
|
|
46
|
+
required: data.required,
|
|
47
|
+
reject: {
|
|
48
|
+
color: data.reject && data.reject.color
|
|
49
|
+
? data.reject.color
|
|
50
|
+
: undefined,
|
|
51
|
+
text: (data.reject && data.reject.text) || 'Annuler',
|
|
52
|
+
},
|
|
53
|
+
accept: {
|
|
54
|
+
color: (data.accept && data.accept.color) || 'primary',
|
|
55
|
+
text: (data.accept && data.accept.text) || 'Accepter',
|
|
56
|
+
},
|
|
57
|
+
},
|
|
58
|
+
});
|
|
59
|
+
dialogRef.afterClosed().subscribe(async (result) => {
|
|
60
|
+
if (result)
|
|
61
|
+
resolve(result);
|
|
62
|
+
else
|
|
63
|
+
resolve(false);
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
}
|
|
67
|
+
createDialgFromComponent(config) {
|
|
68
|
+
return this.dialog.open(C3DialogEmbedChildComponent, config);
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
C3DialogService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogService, deps: [{ token: i1.MatDialog }], target: i0.ɵɵFactoryTarget.Injectable });
|
|
72
|
+
C3DialogService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogService, providedIn: 'root' });
|
|
73
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DialogService, decorators: [{
|
|
74
|
+
type: Injectable,
|
|
75
|
+
args: [{
|
|
76
|
+
providedIn: 'root',
|
|
77
|
+
}]
|
|
78
|
+
}], ctorParameters: function () { return [{ type: i1.MatDialog }]; } });
|
|
79
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZGlhbG9nLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jMy1jb21wb25lbnRzL3NyYy9saWIvYzMtZGlhbG9nL3NlcnZpY2VzL2MzLWRpYWxvZy5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQVEsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUVMLHNCQUFzQixHQUN2QixNQUFNLDJDQUEyQyxDQUFDO0FBQ25ELE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQzVGLE9BQU8sRUFFTCx1QkFBdUIsR0FDeEIsTUFBTSwwQ0FBMEMsQ0FBQzs7O0FBS2xELE1BQU0sT0FBTyxlQUFlO0lBQzFCLFlBQW9CLE1BQWlCO1FBQWpCLFdBQU0sR0FBTixNQUFNLENBQVc7SUFBRyxDQUFDO0lBRXpDLE9BQU8sQ0FBQyxJQUFtQjtRQUN6QixPQUFPLElBQUksT0FBTyxDQUFDLENBQUMsT0FBTyxFQUFFLE1BQU0sRUFBRSxFQUFFO1lBQ3JDLE1BQU0sU0FBUyxHQUFHLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLHNCQUFzQixFQUFFO2dCQUN6RCxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxPQUFPO2dCQUM1QixJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO29CQUNmLE1BQU0sRUFBRTt3QkFDTixLQUFLLEVBQ0gsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLFNBQVM7d0JBQ2xFLElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxTQUFTO3FCQUNyRDtvQkFDRCxNQUFNLEVBQUU7d0JBQ04sS0FBSyxFQUFFLENBQUMsSUFBSSxDQUFDLE1BQU0sSUFBSSxJQUFJLENBQUMsTUFBTSxDQUFDLEtBQUssQ0FBQyxJQUFJLFNBQVM7d0JBQ3RELElBQUksRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsSUFBSSxVQUFVO3FCQUN0RDtpQkFDRjthQUNGLENBQUMsQ0FBQztZQUVILFNBQVMsQ0FBQyxXQUFXLEVBQUUsQ0FBQyxTQUFTLENBQUMsS0FBSyxFQUFFLE1BQU0sRUFBRSxFQUFFO2dCQUNqRCxJQUFJLE1BQU07b0JBQUUsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDOztvQkFDckIsT0FBTyxDQUFDLEtBQUssQ0FBQyxDQUFDO1lBQ3RCLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7SUFDTCxDQUFDO0lBRUQsTUFBTSxDQUFVLElBQWtCO1FBQ2hDLE9BQU8sSUFBSSxPQUFPLENBQUMsQ0FBQyxPQUFPLEVBQUUsTUFBTSxFQUFFLEVBQUU7WUFDckMsTUFBTSxTQUFTLEdBQUcsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQ2hDLHVCQUF1QixFQUN2QjtnQkFDRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssSUFBSSxPQUFPO2dCQUM1QixRQUFRLEVBQUUsSUFBSSxDQUFDLFFBQVEsSUFBSSxPQUFPO2dCQUNsQyxJQUFJLEVBQUU7b0JBQ0osSUFBSSxFQUFFLElBQUksQ0FBQyxJQUFJO29CQUNmLFlBQVksRUFBRSxJQUFJLENBQUMsWUFBWTtvQkFDL0IsV0FBVyxFQUFFLElBQUksQ0FBQyxXQUFXO29CQUM3QixTQUFTLEVBQUUsSUFBSSxDQUFDLFNBQVM7b0JBQ3pCLFVBQVUsRUFBRSxJQUFJLENBQUMsVUFBVTtvQkFDM0IsUUFBUSxFQUFFLElBQUksQ0FBQyxRQUFRO29CQUN2QixNQUFNLEVBQUU7d0JBQ04sS0FBSyxFQUNILElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLOzRCQUM5QixDQUFDLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLOzRCQUNuQixDQUFDLENBQUMsU0FBUzt3QkFDZixJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksU0FBUztxQkFDckQ7b0JBQ0QsTUFBTSxFQUFFO3dCQUNOLEtBQUssRUFBRSxDQUFDLElBQUksQ0FBQyxNQUFNLElBQUksSUFBSSxDQUFDLE1BQU0sQ0FBQyxLQUFLLENBQUMsSUFBSSxTQUFTO3dCQUN0RCxJQUFJLEVBQUUsQ0FBQyxJQUFJLENBQUMsTUFBTSxJQUFJLElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxDQUFDLElBQUksVUFBVTtxQkFDdEQ7aUJBQ0Y7YUFDRixDQUNGLENBQUM7WUFFRixTQUFTLENBQUMsV0FBVyxFQUFFLENBQUMsU0FBUyxDQUFDLEtBQUssRUFBRSxNQUFNLEVBQUUsRUFBRTtnQkFDakQsSUFBSSxNQUFNO29CQUFFLE9BQU8sQ0FBQyxNQUFNLENBQUMsQ0FBQzs7b0JBQ3ZCLE9BQU8sQ0FBQyxLQUFLLENBQUMsQ0FBQztZQUN0QixDQUFDLENBQUMsQ0FBQztRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELHdCQUF3QixDQUN0QixNQUVDO1FBRUQsT0FBTyxJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQywyQkFBMkIsRUFBRSxNQUFNLENBQUMsQ0FBQztJQUMvRCxDQUFDOzs0R0F0RVUsZUFBZTtnSEFBZixlQUFlLGNBRmQsTUFBTTsyRkFFUCxlQUFlO2tCQUgzQixVQUFVO21CQUFDO29CQUNWLFVBQVUsRUFBRSxNQUFNO2lCQUNuQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEluamVjdGFibGUsIFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdERpYWxvZywgTWF0RGlhbG9nQ29uZmlnIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvZGlhbG9nJztcbmltcG9ydCB7XG4gIENvbmZpcm1Db25maWcsXG4gIENvbmZpcm1EaWFsb2dDb21wb25lbnQsXG59IGZyb20gJy4uL2NvbXBvbmVudHMvYzMtZGlhbG9nLWNvbmZpcm0uY29tcG9uZW50JztcbmltcG9ydCB7IEMzRGlhbG9nRW1iZWRDaGlsZENvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvYzMtZGlhbG9nLWVtYmVkLWNoaWxkLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBQcm9tcHRDb25maWcsXG4gIEMzUHJvbXB0RGlhbG9nQ29tcG9uZW50LFxufSBmcm9tICcuLi9jb21wb25lbnRzL2MzLWRpYWxvZy1wcm9tcHQuY29tcG9uZW50JztcblxuQEluamVjdGFibGUoe1xuICBwcm92aWRlZEluOiAncm9vdCcsXG59KVxuZXhwb3J0IGNsYXNzIEMzRGlhbG9nU2VydmljZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgZGlhbG9nOiBNYXREaWFsb2cpIHt9XG5cbiAgY29uZmlybShkYXRhOiBDb25maXJtQ29uZmlnKTogUHJvbWlzZTxib29sZWFuPiB7XG4gICAgcmV0dXJuIG5ldyBQcm9taXNlKChyZXNvbHZlLCByZWplY3QpID0+IHtcbiAgICAgIGNvbnN0IGRpYWxvZ1JlZiA9IHRoaXMuZGlhbG9nLm9wZW4oQ29uZmlybURpYWxvZ0NvbXBvbmVudCwge1xuICAgICAgICB3aWR0aDogZGF0YS53aWR0aCB8fCAnMjUwcHgnLFxuICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgdGV4dDogZGF0YS50ZXh0LFxuICAgICAgICAgIHJlamVjdDoge1xuICAgICAgICAgICAgY29sb3I6XG4gICAgICAgICAgICAgIGRhdGEucmVqZWN0ICYmIGRhdGEucmVqZWN0LmNvbG9yID8gZGF0YS5yZWplY3QuY29sb3IgOiB1bmRlZmluZWQsXG4gICAgICAgICAgICB0ZXh0OiAoZGF0YS5yZWplY3QgJiYgZGF0YS5yZWplY3QudGV4dCkgfHwgJ0FubnVsZXInLFxuICAgICAgICAgIH0sXG4gICAgICAgICAgYWNjZXB0OiB7XG4gICAgICAgICAgICBjb2xvcjogKGRhdGEuYWNjZXB0ICYmIGRhdGEuYWNjZXB0LmNvbG9yKSB8fCAncHJpbWFyeScsXG4gICAgICAgICAgICB0ZXh0OiAoZGF0YS5hY2NlcHQgJiYgZGF0YS5hY2NlcHQudGV4dCkgfHwgJ0FjY2VwdGVyJyxcbiAgICAgICAgICB9LFxuICAgICAgICB9LFxuICAgICAgfSk7XG5cbiAgICAgIGRpYWxvZ1JlZi5hZnRlckNsb3NlZCgpLnN1YnNjcmliZShhc3luYyAocmVzdWx0KSA9PiB7XG4gICAgICAgIGlmIChyZXN1bHQpIHJlc29sdmUodHJ1ZSk7XG4gICAgICAgIGVsc2UgcmVzb2x2ZShmYWxzZSk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIHByb21wdDxUID0gYW55PihkYXRhOiBQcm9tcHRDb25maWcpOiBQcm9taXNlPGZhbHNlIHwgVD4ge1xuICAgIHJldHVybiBuZXcgUHJvbWlzZSgocmVzb2x2ZSwgcmVqZWN0KSA9PiB7XG4gICAgICBjb25zdCBkaWFsb2dSZWYgPSB0aGlzLmRpYWxvZy5vcGVuPEMzUHJvbXB0RGlhbG9nQ29tcG9uZW50LCBhbnksIFQ+KFxuICAgICAgICBDM1Byb21wdERpYWxvZ0NvbXBvbmVudCxcbiAgICAgICAge1xuICAgICAgICAgIHdpZHRoOiBkYXRhLndpZHRoIHx8ICcyNTBweCcsXG4gICAgICAgICAgbWF4V2lkdGg6IGRhdGEubWF4V2lkdGggfHwgJzEwMHZ3JyxcbiAgICAgICAgICBkYXRhOiB7XG4gICAgICAgICAgICB0ZXh0OiBkYXRhLnRleHQsXG4gICAgICAgICAgICBkZWZhdWx0VmFsdWU6IGRhdGEuZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgcGxhY2Vob2xkZXI6IGRhdGEucGxhY2Vob2xkZXIsXG4gICAgICAgICAgICBtdWx0aWxpbmU6IGRhdGEubXVsdGlsaW5lLFxuICAgICAgICAgICAgdmFsaWRhdG9yczogZGF0YS52YWxpZGF0b3JzLFxuICAgICAgICAgICAgcmVxdWlyZWQ6IGRhdGEucmVxdWlyZWQsXG4gICAgICAgICAgICByZWplY3Q6IHtcbiAgICAgICAgICAgICAgY29sb3I6XG4gICAgICAgICAgICAgICAgZGF0YS5yZWplY3QgJiYgZGF0YS5yZWplY3QuY29sb3JcbiAgICAgICAgICAgICAgICAgID8gZGF0YS5yZWplY3QuY29sb3JcbiAgICAgICAgICAgICAgICAgIDogdW5kZWZpbmVkLFxuICAgICAgICAgICAgICB0ZXh0OiAoZGF0YS5yZWplY3QgJiYgZGF0YS5yZWplY3QudGV4dCkgfHwgJ0FubnVsZXInLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICAgIGFjY2VwdDoge1xuICAgICAgICAgICAgICBjb2xvcjogKGRhdGEuYWNjZXB0ICYmIGRhdGEuYWNjZXB0LmNvbG9yKSB8fCAncHJpbWFyeScsXG4gICAgICAgICAgICAgIHRleHQ6IChkYXRhLmFjY2VwdCAmJiBkYXRhLmFjY2VwdC50ZXh0KSB8fCAnQWNjZXB0ZXInLFxuICAgICAgICAgICAgfSxcbiAgICAgICAgICB9LFxuICAgICAgICB9XG4gICAgICApO1xuXG4gICAgICBkaWFsb2dSZWYuYWZ0ZXJDbG9zZWQoKS5zdWJzY3JpYmUoYXN5bmMgKHJlc3VsdCkgPT4ge1xuICAgICAgICBpZiAocmVzdWx0KSByZXNvbHZlKHJlc3VsdCk7XG4gICAgICAgIGVsc2UgcmVzb2x2ZShmYWxzZSk7XG4gICAgICB9KTtcbiAgICB9KTtcbiAgfVxuXG4gIGNyZWF0ZURpYWxnRnJvbUNvbXBvbmVudDxUPihcbiAgICBjb25maWc6IFBhcnRpYWw8TWF0RGlhbG9nQ29uZmlnPiAmIHtcbiAgICAgIGRhdGE6IHsgY29tcG9uZW50OiBUeXBlPFQ+IH07XG4gICAgfVxuICApIHtcbiAgICByZXR1cm4gdGhpcy5kaWFsb2cub3BlbihDM0RpYWxvZ0VtYmVkQ2hpbGRDb21wb25lbnQsIGNvbmZpZyk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { NgModule } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { C3DropdownComponent } from './components/c3-dropdown.component';
|
|
4
|
+
import { C3DropdownTrigger } from './directives/c3-dropdown.trigger';
|
|
5
|
+
import { OverlayModule } from '@angular/cdk/overlay';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class C3DropdownModule {
|
|
8
|
+
}
|
|
9
|
+
C3DropdownModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DropdownModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
10
|
+
C3DropdownModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.8", ngImport: i0, type: C3DropdownModule, declarations: [C3DropdownComponent, C3DropdownTrigger], imports: [CommonModule, OverlayModule], exports: [C3DropdownComponent, C3DropdownTrigger] });
|
|
11
|
+
C3DropdownModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DropdownModule, imports: [CommonModule, OverlayModule] });
|
|
12
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DropdownModule, decorators: [{
|
|
13
|
+
type: NgModule,
|
|
14
|
+
args: [{
|
|
15
|
+
imports: [CommonModule, OverlayModule],
|
|
16
|
+
declarations: [C3DropdownComponent, C3DropdownTrigger],
|
|
17
|
+
exports: [C3DropdownComponent, C3DropdownTrigger],
|
|
18
|
+
}]
|
|
19
|
+
}] });
|
|
20
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZHJvcGRvd24ubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYzMtY29tcG9uZW50cy9zcmMvbGliL2MzLWRyb3Bkb3duL2MzLWRyb3Bkb3duLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxvQ0FBb0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUNyRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sc0JBQXNCLENBQUM7O0FBT3JELE1BQU0sT0FBTyxnQkFBZ0I7OzZHQUFoQixnQkFBZ0I7OEdBQWhCLGdCQUFnQixpQkFIWixtQkFBbUIsRUFBRSxpQkFBaUIsYUFEM0MsWUFBWSxFQUFFLGFBQWEsYUFFM0IsbUJBQW1CLEVBQUUsaUJBQWlCOzhHQUVyQyxnQkFBZ0IsWUFKakIsWUFBWSxFQUFFLGFBQWE7MkZBSTFCLGdCQUFnQjtrQkFMNUIsUUFBUTttQkFBQztvQkFDUixPQUFPLEVBQUUsQ0FBQyxZQUFZLEVBQUUsYUFBYSxDQUFDO29CQUN0QyxZQUFZLEVBQUUsQ0FBQyxtQkFBbUIsRUFBRSxpQkFBaUIsQ0FBQztvQkFDdEQsT0FBTyxFQUFFLENBQUMsbUJBQW1CLEVBQUUsaUJBQWlCLENBQUM7aUJBQ2xEIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTmdNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDM0Ryb3Bkb3duQ29tcG9uZW50IH0gZnJvbSAnLi9jb21wb25lbnRzL2MzLWRyb3Bkb3duLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBDM0Ryb3Bkb3duVHJpZ2dlciB9IGZyb20gJy4vZGlyZWN0aXZlcy9jMy1kcm9wZG93bi50cmlnZ2VyJztcbmltcG9ydCB7IE92ZXJsYXlNb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jZGsvb3ZlcmxheSc7XG5cbkBOZ01vZHVsZSh7XG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE92ZXJsYXlNb2R1bGVdLFxuICBkZWNsYXJhdGlvbnM6IFtDM0Ryb3Bkb3duQ29tcG9uZW50LCBDM0Ryb3Bkb3duVHJpZ2dlcl0sXG4gIGV4cG9ydHM6IFtDM0Ryb3Bkb3duQ29tcG9uZW50LCBDM0Ryb3Bkb3duVHJpZ2dlcl0sXG59KVxuZXhwb3J0IGNsYXNzIEMzRHJvcGRvd25Nb2R1bGUge31cbiJdfQ==
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { Component, TemplateRef, ViewChild, Input, } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
import * as i1 from "@angular/common";
|
|
4
|
+
export class C3DropdownComponent {
|
|
5
|
+
constructor(_changeDetectorRef) {
|
|
6
|
+
this._changeDetectorRef = _changeDetectorRef;
|
|
7
|
+
/** Classes to be added to the container of the content. Supports the same syntax as `ngClass`. */
|
|
8
|
+
this.dropdownClass = '';
|
|
9
|
+
}
|
|
10
|
+
ngOnChanges(changes) {
|
|
11
|
+
if (changes['dropdownClass']) {
|
|
12
|
+
this._markForCheck();
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
_markForCheck() {
|
|
16
|
+
this._changeDetectorRef.markForCheck();
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
C3DropdownComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DropdownComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
+
C3DropdownComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.8", type: C3DropdownComponent, selector: "c3-dropdown", inputs: { dropdownClass: "dropdownClass" }, viewQueries: [{ propertyName: "template", first: true, predicate: TemplateRef, descendants: true }], usesOnChanges: true, ngImport: i0, template: `
|
|
21
|
+
<ng-template>
|
|
22
|
+
<div class="c3-dropdown-panel" [ngClass]="dropdownClass">
|
|
23
|
+
<ng-content></ng-content>
|
|
24
|
+
</div>
|
|
25
|
+
</ng-template>
|
|
26
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
27
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.8", ngImport: i0, type: C3DropdownComponent, decorators: [{
|
|
28
|
+
type: Component,
|
|
29
|
+
args: [{
|
|
30
|
+
selector: 'c3-dropdown',
|
|
31
|
+
template: `
|
|
32
|
+
<ng-template>
|
|
33
|
+
<div class="c3-dropdown-panel" [ngClass]="dropdownClass">
|
|
34
|
+
<ng-content></ng-content>
|
|
35
|
+
</div>
|
|
36
|
+
</ng-template>
|
|
37
|
+
`,
|
|
38
|
+
}]
|
|
39
|
+
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }]; }, propDecorators: { template: [{
|
|
40
|
+
type: ViewChild,
|
|
41
|
+
args: [TemplateRef]
|
|
42
|
+
}], dropdownClass: [{
|
|
43
|
+
type: Input
|
|
44
|
+
}] } });
|
|
45
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtZHJvcGRvd24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYzMtY29tcG9uZW50cy9zcmMvbGliL2MzLWRyb3Bkb3duL2NvbXBvbmVudHMvYzMtZHJvcGRvd24uY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFTCxTQUFTLEVBQ1QsV0FBVyxFQUNYLFNBQVMsRUFDVCxLQUFLLEdBR04sTUFBTSxlQUFlLENBQUM7OztBQVl2QixNQUFNLE9BQU8sbUJBQW1CO0lBTzlCLFlBQW9CLGtCQUFxQztRQUFyQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO1FBSnpELGtHQUFrRztRQUVsRyxrQkFBYSxHQUE2RCxFQUFFLENBQUM7SUFFakIsQ0FBQztJQUU3RCxXQUFXLENBQUMsT0FBc0I7UUFDaEMsSUFBSSxPQUFPLENBQUMsZUFBZSxDQUFDLEVBQUU7WUFDNUIsSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1NBQ3RCO0lBQ0gsQ0FBQztJQUVELGFBQWE7UUFDWCxJQUFJLENBQUMsa0JBQWtCLENBQUMsWUFBWSxFQUFFLENBQUM7SUFDekMsQ0FBQzs7Z0hBakJVLG1CQUFtQjtvR0FBbkIsbUJBQW1CLHlJQUNuQixXQUFXLHFFQVRaOzs7Ozs7R0FNVDsyRkFFVSxtQkFBbUI7a0JBVi9CLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGFBQWE7b0JBQ3ZCLFFBQVEsRUFBRTs7Ozs7O0dBTVQ7aUJBQ0Y7d0dBRXlCLFFBQVE7c0JBQS9CLFNBQVM7dUJBQUMsV0FBVztnQkFJdEIsYUFBYTtzQkFEWixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ2hhbmdlRGV0ZWN0b3JSZWYsXG4gIENvbXBvbmVudCxcbiAgVGVtcGxhdGVSZWYsXG4gIFZpZXdDaGlsZCxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgU2ltcGxlQ2hhbmdlcyxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2MzLWRyb3Bkb3duJyxcbiAgdGVtcGxhdGU6IGBcbiAgICA8bmctdGVtcGxhdGU+XG4gICAgICA8ZGl2IGNsYXNzPVwiYzMtZHJvcGRvd24tcGFuZWxcIiBbbmdDbGFzc109XCJkcm9wZG93bkNsYXNzXCI+XG4gICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvbmctdGVtcGxhdGU+XG4gIGAsXG59KVxuZXhwb3J0IGNsYXNzIEMzRHJvcGRvd25Db21wb25lbnQgaW1wbGVtZW50cyBPbkNoYW5nZXMge1xuICBAVmlld0NoaWxkKFRlbXBsYXRlUmVmKSB0ZW1wbGF0ZSE6IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLyoqIENsYXNzZXMgdG8gYmUgYWRkZWQgdG8gdGhlIGNvbnRhaW5lciBvZiB0aGUgY29udGVudC4gU3VwcG9ydHMgdGhlIHNhbWUgc3ludGF4IGFzIGBuZ0NsYXNzYC4gKi9cbiAgQElucHV0KClcbiAgZHJvcGRvd25DbGFzczogc3RyaW5nIHwgc3RyaW5nW10gfCBTZXQ8c3RyaW5nPiB8IHsgW2tleTogc3RyaW5nXTogYW55IH0gPSAnJztcblxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9jaGFuZ2VEZXRlY3RvclJlZjogQ2hhbmdlRGV0ZWN0b3JSZWYpIHt9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcykge1xuICAgIGlmIChjaGFuZ2VzWydkcm9wZG93bkNsYXNzJ10pIHtcbiAgICAgIHRoaXMuX21hcmtGb3JDaGVjaygpO1xuICAgIH1cbiAgfVxuXG4gIF9tYXJrRm9yQ2hlY2soKTogdm9pZCB7XG4gICAgdGhpcy5fY2hhbmdlRGV0ZWN0b3JSZWYubWFya0ZvckNoZWNrKCk7XG4gIH1cbn1cbiJdfQ==
|