ngx-bootstrap 10.2.0 → 10.2.1
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 +60 -30
- package/accordion/package.json +2 -2
- package/alert/package.json +2 -2
- package/buttons/package.json +1 -1
- package/carousel/package.json +2 -2
- package/chronos/package.json +1 -1
- package/collapse/package.json +1 -1
- package/component-loader/package.json +2 -2
- package/datepicker/package.json +5 -5
- package/dropdown/package.json +2 -2
- package/focus-trap/package.json +1 -1
- package/locale/package.json +2 -2
- package/mini-ngrx/package.json +1 -1
- package/modal/package.json +3 -3
- package/package.json +1 -1
- package/pagination/package.json +1 -1
- package/popover/esm2020/popover-container.component.mjs +4 -4
- package/popover/fesm2015/ngx-bootstrap-popover.mjs +3 -3
- package/popover/fesm2015/ngx-bootstrap-popover.mjs.map +1 -1
- package/popover/fesm2020/ngx-bootstrap-popover.mjs +3 -3
- package/popover/fesm2020/ngx-bootstrap-popover.mjs.map +1 -1
- package/popover/package.json +4 -4
- package/positioning/package.json +2 -2
- package/progressbar/package.json +1 -1
- package/rating/package.json +1 -1
- package/schematics/utils/current_dependency_versions.json +2 -2
- package/sortable/package.json +1 -1
- package/tabs/package.json +1 -1
- package/timepicker/package.json +2 -2
- package/tooltip/esm2020/tooltip-container.component.mjs +3 -3
- package/tooltip/fesm2015/ngx-bootstrap-tooltip.mjs +2 -2
- package/tooltip/fesm2015/ngx-bootstrap-tooltip.mjs.map +1 -1
- package/tooltip/fesm2020/ngx-bootstrap-tooltip.mjs +2 -2
- package/tooltip/fesm2020/ngx-bootstrap-tooltip.mjs.map +1 -1
- package/tooltip/package.json +4 -4
- package/typeahead/package.json +3 -3
- package/utils/esm2020/utils.class.mjs +3 -3
- package/utils/fesm2015/ngx-bootstrap-utils.mjs +2 -2
- package/utils/fesm2015/ngx-bootstrap-utils.mjs.map +1 -1
- package/utils/fesm2020/ngx-bootstrap-utils.mjs +2 -2
- package/utils/fesm2020/ngx-bootstrap-utils.mjs.map +1 -1
- package/utils/package.json +1 -1
package/README.md
CHANGED
@@ -6,11 +6,18 @@
|
|
6
6
|
</a>
|
7
7
|
|
8
8
|
<p align="center">
|
9
|
-
|
9
|
+
The best way to quickly integrate <a href="https://getbootstrap.com/docs/5.2">Bootstrap 5</a> <a href="https://getbootstrap.com/docs/4.0">Bootstrap 4</a> Components with <a href="https://angular.io/">Angular</a>
|
10
|
+
<br/>
|
11
|
+
<br/>
|
12
|
+
<i><strong>Note: </strong>ngx-bootstrap for <a href="https://getbootstrap.com/docs/3.3/">Bootstrap 3</a> is still available but is no longer maintained or updated.</i>
|
13
|
+
development
|
10
14
|
</p>
|
11
15
|
|
12
16
|
<p align="center">
|
13
|
-
<a href="https://
|
17
|
+
<a href="https://npmjs.org/ngx-bootstrap"><img src="https://img.shields.io/npm/v/ngx-bootstrap/latest.svg" alt="npm latest version" ></a>
|
18
|
+
<a href="https://npmjs.org/ngx-bootstrap"><img src="https://img.shields.io/npm/v/ngx-bootstrap/next.svg" alt="npm next version" ></a>
|
19
|
+
<br/>
|
20
|
+
<a href="https://github.com/valor-software/ngx-bootstrap/actions/workflows/on-push-or-pull.yml"><img src="https://github.com/valor-software/ngx-bootstrap/actions/workflows/on-push-or-pull.yml/badge.svg" alt="npm version" ></a>
|
14
21
|
<a href="https://npmjs.org/ngx-bootstrap"><img src="https://img.shields.io/npm/dm/ngx-bootstrap.svg" alt="npm downloads" ></a>
|
15
22
|
<a target="_blank" href="https://opencollective.com/ngx-bootstrap"><img src="https://opencollective.com/ngx-bootstrap/tiers/backer/badge.svg?label=backer&color=brightgreen" /></a>
|
16
23
|
|
@@ -41,31 +48,37 @@ Best way to quickly integrate <a href="https://getbootstrap.com/docs/5.1/getting
|
|
41
48
|
7. [Contributing](#contribution)
|
42
49
|
8. [Credits](#credits)
|
43
50
|
9. [License](#license)
|
51
|
+
10. [Valor Can Help](#valor-software-can-help)
|
44
52
|
|
45
53
|
## Getting Started
|
46
54
|
|
47
55
|
ngx-bootstrap provides Bootstrap components powered by Angular, so you don't need to include original JS components.
|
48
56
|
|
49
|
-
Check our [Getting started guide](https://valor-software.com/ngx-bootstrap/#/documentation#getting-started) if it's your
|
57
|
+
Check our [Getting started guide](https://valor-software.com/ngx-bootstrap/#/documentation#getting-started) if it's your
|
58
|
+
first project with Angular Bootstrap.
|
50
59
|
|
51
60
|
## Usage & Demo
|
52
61
|
|
53
62
|
Bootstrap components for Angular applications, dozens of demos and API documentation could be found here:
|
54
63
|
[https://valor-software.com/ngx-bootstrap/](https://valor-software.com/ngx-bootstrap/).
|
55
64
|
|
56
|
-
<!-- Server side rendered version of this documentation available <a href="https://ngx-universal.herokuapp.com/">here</a>
|
65
|
+
<!-- Server side rendered version of this documentation available <a href="https://ngx-universal.herokuapp.com/">here</a>
|
66
|
+
served with Angular universal and [nest.js](https://nestjs.com/). -->
|
57
67
|
|
58
|
-
## Supporting
|
59
|
-
ngx-bootstrap is an Open Source (MIT Licensed) project, it's an independent project with ongoing development made possible
|
60
|
-
|
68
|
+
## Supporting ngx-bootstrap
|
69
|
+
ngx-bootstrap is an Open Source (MIT Licensed) project, it's an independent project with ongoing development made possible
|
70
|
+
thanks to the support of our awesome backers.
|
71
|
+
If you also would like to show support or simply give back to Open Source community, please consider becoming a backing
|
72
|
+
sponsor of [ngx-bootstrap on OpenCollective](https://opencollective.com/ngx-bootstrap).
|
61
73
|
|
62
|
-
All donated funds are managed transparently on OpenCollective and will be used solely for compensating work and expenses
|
74
|
+
All donated funds are managed transparently on OpenCollective and will be used solely for compensating work and expenses
|
75
|
+
for contributors. Valor Software employees and contractors are not eligible for use of these funds.
|
63
76
|
|
64
|
-
What's
|
77
|
+
What's in it for you? Proper recognition and exposure of your name/logo/website on our page.
|
65
78
|
Our main sponsors will be presented under this section! Be the first!
|
66
79
|
|
67
80
|
## Installation
|
68
|
-
|
81
|
+
You can see the below simple example working on [StackBlitz](https://stackblitz.com/edit/vs-ngx-bootstrap-tooltip?file=src%2Findex.html)
|
69
82
|
|
70
83
|
##### Angular CLI way
|
71
84
|
Use the Angular CLI ng add command for updating your Angular project.
|
@@ -99,32 +112,36 @@ Add component to your page:
|
|
99
112
|
```
|
100
113
|
|
101
114
|
You will need to add bootstrap css:
|
115
|
+
This can be done with the css file directly in the index.html, or alternatively through a styles import in the
|
116
|
+
`angular.json` file or via `styles.scss` import. However the latter two options require additionally installing bootstrap via npm.
|
102
117
|
- `Bootstrap 5`
|
103
118
|
```
|
104
119
|
<!--- index.html -->
|
105
|
-
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.
|
120
|
+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
|
106
121
|
```
|
107
122
|
|
108
123
|
- `Bootstrap 4`
|
109
124
|
```
|
110
125
|
<!--- index.html -->
|
111
|
-
<link href="https://
|
126
|
+
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2">
|
112
127
|
```
|
113
128
|
|
114
|
-
|
115
|
-
|
116
129
|
### Setting up the bootstrap version manually
|
117
130
|
|
118
|
-
As you may know `ngx-bootstrap`
|
131
|
+
As you may know `ngx-bootstrap` supports several `bootstrap.css` versions at the same time and has automatic tool
|
132
|
+
to guess current used version of library, but if this guess fails you can specify version of `bootstrap.css` manually.
|
119
133
|
|
120
|
-
Sometimes, your project might contain some library that could interfere with the bootstrap framework, or you might
|
134
|
+
Sometimes, your project might contain some library that could interfere with the bootstrap framework, or you might
|
135
|
+
have a customized version of bootstrap. The consequence is that the process of determining bootstrap version might
|
136
|
+
be failed, which can break the UI. In that case, we can still set the bootstrap version manually in the bootstrapping
|
137
|
+
component (i.e. `AppComponent`):
|
121
138
|
```
|
122
139
|
import { setTheme } from 'ngx-bootstrap/utils';
|
123
140
|
|
124
141
|
@Component({...})
|
125
142
|
export class AppComponent {
|
126
143
|
constructor() {
|
127
|
-
setTheme('
|
144
|
+
setTheme('bs5'); // or 'bs4'
|
128
145
|
...
|
129
146
|
}
|
130
147
|
}
|
@@ -145,27 +162,34 @@ npm start
|
|
145
162
|
## Compatibility
|
146
163
|
|
147
164
|
The only two dependencies are [Angular](https://angular.io) and [Bootstrap](https://getbootstrap.com) CSS.
|
148
|
-
Here is the
|
149
|
-
|
150
|
-
| ngx-bootstrap |
|
151
|
-
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
165
|
+
Here is the version compatibility list:
|
166
|
+
|
167
|
+
| ngx-bootstrap | Angular | Bootstrap CSS |
|
168
|
+
|---------------|-----------------|----------------|
|
169
|
+
| 10.x.x | 15.x.x | 5.x.x or 4.x.x |
|
170
|
+
| 9.0.0 | 14.x.x | 5.x.x or 4.x.x or 3.x.x |
|
171
|
+
| 8.0.0 | 12.x.x - 13.x.x | 5.x.x or 4.x.x or 3.x.x |
|
172
|
+
| 7.1.0 | 11.x.x - 12.x.x | 5.x.x or 4.x.x or 3.x.x |
|
173
|
+
| 7.0.0 | 11.x.x - 12.x.x | 3.x.x or 4.x.x |
|
174
|
+
| 6.0.0 | 9.x.x - 10.x.x | 3.x.x or 4.x.x |
|
175
|
+
| 5.6.x | 7.x.x - 9.1.0 | 3.x.x or 4.x.x |
|
176
|
+
| 5.0.0 - 5.6.0 | 7.x.x - 8.x.x | 3.x.x or 4.x.x |
|
177
|
+
| 4.x.x | 6.x.x - 7.x.x | 3.x.x or 4.x.x |
|
178
|
+
| 3.x.x | 6.x.x - 7.x.x | 3.x.x or 4.x.x |
|
179
|
+
| 2.x.x | 2.x.x - 4.x.x | 3.x.x or 4.x.x |
|
180
|
+
| 1.x.x | 2.x.x | 3.x.x or 4.x.x |
|
159
181
|
|
160
182
|
|
161
183
|
## Troubleshooting
|
162
184
|
|
163
185
|
So if you are in trouble, here's where you can look for help.
|
164
186
|
|
165
|
-
The best place to ask questions is on [StackOverflow (under the `ngx-bootstrap` tag)](https://stackoverflow.com/questions/tagged/ngx-bootstrap)
|
187
|
+
The best place to ask questions is on [StackOverflow (under the `ngx-bootstrap` tag)](https://stackoverflow.com/questions/tagged/ngx-bootstrap)
|
188
|
+
where there is a strong community of individuals asking and answering questions.
|
189
|
+
|
166
190
|
You can also join [our Slack channel](https://join.slack.com/t/ngx-home/shared_invite/enQtNTExMTY5MzcwMTM0LWVjZGU2MjI4MTVhMGVlMTc2OWRiMzA0NzBhNDU5YzQ0MDM3MWI5NzJjZTUzNzIxZmNjYmFlMjU2MzE0YmY0NWY) and link your stackoverflow question there. But try to avoid asking generic help questions directly on Slack since they can easily get lost in the chat. You can also [search among the existing GitHub issues](https://github.com/valor-software/ngx-bootstrap/issues?utf8=%E2%9C%93&q=is%3Aissue).
|
167
191
|
|
168
|
-
If
|
192
|
+
If none of the above helped, please feel free to open a [new issue](https://github.com/valor-software/ngx-bootstrap/issues/new).
|
169
193
|
|
170
194
|
## Contribution
|
171
195
|
|
@@ -183,3 +207,9 @@ End-to-end testing sponsored by [Cypress](https://www.cypress.io/)
|
|
183
207
|
### License
|
184
208
|
|
185
209
|
[MIT](https://github.com/valor-software/ngx-bootstrap/blob/development/LICENSE)
|
210
|
+
|
211
|
+
### Valor Software Can Help
|
212
|
+
|
213
|
+
At [Valor Software](https://valor-software.com/) our people are not resources, our people are human beings, helping to create a better world through our efforts and knowledge.
|
214
|
+
We are here to assist you with your project. We have a wonderful, ever-growing team that is ready and able. If you're looking for someone to guide you and your team
|
215
|
+
please feel free to reach out to us on our site or at sales@valor-software.com, we would love to chat.
|
package/accordion/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/accordion",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-accordion.mjs",
|
@@ -29,6 +29,6 @@
|
|
29
29
|
"peerDependencies": {
|
30
30
|
"@angular/core": "15.0.3",
|
31
31
|
"@angular/common": "15.0.3",
|
32
|
-
"ngx-bootstrap/collapse": "10.2.
|
32
|
+
"ngx-bootstrap/collapse": "10.2.1"
|
33
33
|
}
|
34
34
|
}
|
package/alert/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/alert",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-alert.mjs",
|
@@ -28,7 +28,7 @@
|
|
28
28
|
},
|
29
29
|
"peerDependencies": {
|
30
30
|
"@angular/core": "15.0.3",
|
31
|
-
"ngx-bootstrap/utils": "10.2.
|
31
|
+
"ngx-bootstrap/utils": "10.2.1",
|
32
32
|
"@angular/common": "15.0.3"
|
33
33
|
}
|
34
34
|
}
|
package/buttons/package.json
CHANGED
package/carousel/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/carousel",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-carousel.mjs",
|
@@ -29,6 +29,6 @@
|
|
29
29
|
"peerDependencies": {
|
30
30
|
"@angular/core": "15.0.3",
|
31
31
|
"@angular/common": "15.0.3",
|
32
|
-
"ngx-bootstrap/utils": "10.2.
|
32
|
+
"ngx-bootstrap/utils": "10.2.1"
|
33
33
|
}
|
34
34
|
}
|
package/chronos/package.json
CHANGED
package/collapse/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/component-loader",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-component-loader.mjs",
|
@@ -28,6 +28,6 @@
|
|
28
28
|
},
|
29
29
|
"peerDependencies": {
|
30
30
|
"@angular/core": "15.0.3",
|
31
|
-
"ngx-bootstrap/positioning": "10.2.
|
31
|
+
"ngx-bootstrap/positioning": "10.2.1"
|
32
32
|
}
|
33
33
|
}
|
package/datepicker/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/datepicker",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-datepicker.mjs",
|
@@ -29,11 +29,11 @@
|
|
29
29
|
"peerDependencies": {
|
30
30
|
"rxjs": "7.5.6",
|
31
31
|
"@angular/core": "15.0.3",
|
32
|
-
"ngx-bootstrap/component-loader": "10.2.
|
32
|
+
"ngx-bootstrap/component-loader": "10.2.1",
|
33
33
|
"@angular/forms": "15.0.3",
|
34
|
-
"ngx-bootstrap/chronos": "10.2.
|
35
|
-
"ngx-bootstrap/tooltip": "10.2.
|
36
|
-
"ngx-bootstrap/timepicker": "10.2.
|
34
|
+
"ngx-bootstrap/chronos": "10.2.1",
|
35
|
+
"ngx-bootstrap/tooltip": "10.2.1",
|
36
|
+
"ngx-bootstrap/timepicker": "10.2.1",
|
37
37
|
"@angular/animations": "15.0.3"
|
38
38
|
}
|
39
39
|
}
|
package/dropdown/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/dropdown",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-dropdown.mjs",
|
@@ -30,7 +30,7 @@
|
|
30
30
|
"@angular/core": "15.0.3",
|
31
31
|
"@angular/animations": "15.0.3",
|
32
32
|
"rxjs": "7.5.6",
|
33
|
-
"ngx-bootstrap/component-loader": "10.2.
|
33
|
+
"ngx-bootstrap/component-loader": "10.2.1",
|
34
34
|
"@angular/platform-browser": "15.0.3"
|
35
35
|
}
|
36
36
|
}
|
package/focus-trap/package.json
CHANGED
package/locale/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/locale",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-locale.mjs",
|
@@ -27,6 +27,6 @@
|
|
27
27
|
"tslib": "^2.3.0"
|
28
28
|
},
|
29
29
|
"peerDependencies": {
|
30
|
-
"ngx-bootstrap/chronos": "10.2.
|
30
|
+
"ngx-bootstrap/chronos": "10.2.1"
|
31
31
|
}
|
32
32
|
}
|
package/mini-ngrx/package.json
CHANGED
package/modal/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "ngx-bootstrap/modal",
|
3
|
-
"version": "10.2.
|
3
|
+
"version": "10.2.1",
|
4
4
|
"author": "Dmitriy Shekhovtsov <valorkin@gmail.com>",
|
5
5
|
"license": "MIT",
|
6
6
|
"module": "fesm2015/ngx-bootstrap-modal.mjs",
|
@@ -28,7 +28,7 @@
|
|
28
28
|
},
|
29
29
|
"peerDependencies": {
|
30
30
|
"@angular/core": "15.0.3",
|
31
|
-
"ngx-bootstrap/component-loader": "10.2.
|
32
|
-
"ngx-bootstrap/focus-trap": "10.2.
|
31
|
+
"ngx-bootstrap/component-loader": "10.2.1",
|
32
|
+
"ngx-bootstrap/focus-trap": "10.2.1"
|
33
33
|
}
|
34
34
|
}
|
package/package.json
CHANGED
package/pagination/package.json
CHANGED
@@ -27,7 +27,7 @@ export class PopoverContainerComponent {
|
|
27
27
|
}
|
28
28
|
}
|
29
29
|
PopoverContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: PopoverContainerComponent, deps: [{ token: i1.PopoverConfig }], target: i0.ɵɵFactoryTarget.Component });
|
30
|
-
PopoverContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: PopoverContainerComponent, selector: "popover-container", inputs: { placement: "placement", title: "title" }, host: { attributes: { "role": "tooltip" }, properties: { "attr.id": "popoverId", "class": "\"popover in popover-\" + _placement + \" \" + \"bs-popover-\" + _placement + \" \" + _placement + \" \" + containerClass + \" \" + checkMarginNecessity()", "class.show": "!_bsVersions.isBs3", "class.bs3": "_bsVersions.isBs3" }, styleAttribute: "display:block;" }, ngImport: i0, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.
|
30
|
+
PopoverContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: PopoverContainerComponent, selector: "popover-container", inputs: { placement: "placement", title: "title" }, host: { attributes: { "role": "tooltip" }, properties: { "attr.id": "popoverId", "class": "\"popover in popover-\" + _placement + \" \" + \"bs-popover-\" + _placement + \" \" + _placement + \" \" + containerClass + \" \" + checkMarginNecessity()", "class.show": "!_bsVersions.isBs3", "class.bs3": "_bsVersions.isBs3" }, styleAttribute: "display:block; position:absolute" }, ngImport: i0, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.popover.bottom>.arrow{margin-left:-4px}:host .popover-arrow{position:absolute}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
31
31
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: PopoverContainerComponent, decorators: [{
|
32
32
|
type: Component,
|
33
33
|
args: [{ selector: 'popover-container', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
@@ -36,11 +36,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
|
|
36
36
|
'[class.show]': '!_bsVersions.isBs3',
|
37
37
|
'[class.bs3]': '_bsVersions.isBs3',
|
38
38
|
role: 'tooltip',
|
39
|
-
style: 'display:block;'
|
40
|
-
}, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.
|
39
|
+
style: 'display:block; position:absolute'
|
40
|
+
}, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.popover.bottom>.arrow{margin-left:-4px}:host .popover-arrow{position:absolute}\n"] }]
|
41
41
|
}], ctorParameters: function () { return [{ type: i1.PopoverConfig }]; }, propDecorators: { placement: [{
|
42
42
|
type: Input
|
43
43
|
}], title: [{
|
44
44
|
type: Input
|
45
45
|
}] } });
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
46
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicG9wb3Zlci1jb250YWluZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vc3JjL3BvcG92ZXIvcG9wb3Zlci1jb250YWluZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vc3JjL3BvcG92ZXIvcG9wb3Zlci1jb250YWluZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDMUUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtCQUFrQixDQUFDO0FBQ2pELE9BQU8sRUFBRSxRQUFRLEVBQWMsTUFBTSxxQkFBcUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLFlBQVksRUFBdUIsTUFBTSwyQkFBMkIsQ0FBQzs7OztBQTRCL0YsTUFBTSxPQUFPLHlCQUF5QjtJQW1CcEMsWUFBWSxNQUFxQjtRQU5qQyxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBT2pCLE1BQU0sQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQyxDQUFDO0lBQzlCLENBQUM7SUFwQkQsSUFBYSxTQUFTLENBQUMsS0FBMEI7UUFDL0MsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsS0FBSyxFQUFFO1lBQzNCLElBQUksQ0FBQyxVQUFVLEdBQUcsS0FBSyxDQUFDO1NBQ3pCO2FBQU07WUFDTCxJQUFJLENBQUMsVUFBVSxHQUFJLGVBQWUsQ0FBQyxLQUFxQyxDQUFDLENBQUM7U0FDM0U7SUFDSCxDQUFDO0lBQUEsQ0FBQztJQVFGLElBQUksV0FBVztRQUNiLE9BQU8sUUFBUSxFQUFFLENBQUM7SUFDcEIsQ0FBQztJQU1ELG9CQUFvQjtRQUNsQixPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDdkMsQ0FBQzs7c0hBekJVLHlCQUF5QjswR0FBekIseUJBQXlCLG1lQy9CdEMsNk1BS0E7MkZEMEJhLHlCQUF5QjtrQkExQnJDLFNBQVM7K0JBQ0UsbUJBQW1CLG1CQUNaLHVCQUF1QixDQUFDLE1BQU0sUUFFekM7d0JBQ0osV0FBVyxFQUFFLFdBQVc7d0JBQ3hCLFNBQVMsRUFDUCxnSkFBZ0o7d0JBQ2xKLGNBQWMsRUFBRSxvQkFBb0I7d0JBQ3BDLGFBQWEsRUFBRSxtQkFBbUI7d0JBQ2xDLElBQUksRUFBRSxTQUFTO3dCQUNmLEtBQUssRUFBRSxrQ0FBa0M7cUJBQzFDO29HQWVZLFNBQVM7c0JBQXJCLEtBQUs7Z0JBUUcsS0FBSztzQkFBYixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIElucHV0LCBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFBvcG92ZXJDb25maWcgfSBmcm9tICcuL3BvcG92ZXIuY29uZmlnJztcbmltcG9ydCB7IGdldEJzVmVyLCBJQnNWZXJzaW9uIH0gZnJvbSAnbmd4LWJvb3RzdHJhcC91dGlscyc7XG5pbXBvcnQgeyBQbGFjZW1lbnRGb3JCczUsIGNoZWNrTWFyZ2lucywgQXZhaWxibGVCU1Bvc2l0aW9ucyB9IGZyb20gJ25neC1ib290c3RyYXAvcG9zaXRpb25pbmcnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdwb3BvdmVyLWNvbnRhaW5lcicsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L25vLWhvc3QtbWV0YWRhdGEtcHJvcGVydHlcbiAgaG9zdDoge1xuICAgICdbYXR0ci5pZF0nOiAncG9wb3ZlcklkJyxcbiAgICAnW2NsYXNzXSc6XG4gICAgICAnXCJwb3BvdmVyIGluIHBvcG92ZXItXCIgKyBfcGxhY2VtZW50ICsgXCIgXCIgKyBcImJzLXBvcG92ZXItXCIgKyBfcGxhY2VtZW50ICsgXCIgXCIgKyBfcGxhY2VtZW50ICsgXCIgXCIgKyBjb250YWluZXJDbGFzcyArIFwiIFwiICsgY2hlY2tNYXJnaW5OZWNlc3NpdHkoKScsXG4gICAgJ1tjbGFzcy5zaG93XSc6ICchX2JzVmVyc2lvbnMuaXNCczMnLFxuICAgICdbY2xhc3MuYnMzXSc6ICdfYnNWZXJzaW9ucy5pc0JzMycsXG4gICAgcm9sZTogJ3Rvb2x0aXAnLFxuICAgIHN0eWxlOiAnZGlzcGxheTpibG9jazsgcG9zaXRpb246YWJzb2x1dGUnXG4gIH0sXG4gIHN0eWxlczogW1xuICAgIGBcbiAgICA6aG9zdC5wb3BvdmVyLmJvdHRvbT4uYXJyb3cge1xuICAgICAgbWFyZ2luLWxlZnQ6IC00cHg7XG4gICAgfVxuXG4gICAgOmhvc3QgLnBvcG92ZXItYXJyb3cge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIH1cbiAgICBgXG4gIF0sXG4gIHRlbXBsYXRlVXJsOiAnLi9wb3BvdmVyLWNvbnRhaW5lci5jb21wb25lbnQuaHRtbCdcbn0pXG5leHBvcnQgY2xhc3MgUG9wb3ZlckNvbnRhaW5lckNvbXBvbmVudCB7XG4gIEBJbnB1dCgpIHNldCBwbGFjZW1lbnQodmFsdWU6IEF2YWlsYmxlQlNQb3NpdGlvbnMpIHtcbiAgICBpZiAoIXRoaXMuX2JzVmVyc2lvbnMuaXNCczUpIHtcbiAgICAgIHRoaXMuX3BsYWNlbWVudCA9IHZhbHVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLl9wbGFjZW1lbnQgPSAgUGxhY2VtZW50Rm9yQnM1W3ZhbHVlIGFzIGtleW9mIHR5cGVvZiBQbGFjZW1lbnRGb3JCczVdO1xuICAgIH1cbiAgfTtcblxuICBASW5wdXQoKSB0aXRsZT86IHN0cmluZztcblxuICBjb250YWluZXJDbGFzcz86IHN0cmluZztcbiAgcG9wb3ZlcklkPzogc3RyaW5nO1xuICBfcGxhY2VtZW50ID0gJ3RvcCc7XG5cbiAgZ2V0IF9ic1ZlcnNpb25zKCk6IElCc1ZlcnNpb24ge1xuICAgIHJldHVybiBnZXRCc1ZlcigpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoY29uZmlnOiBQb3BvdmVyQ29uZmlnKSB7XG4gICAgT2JqZWN0LmFzc2lnbih0aGlzLCBjb25maWcpO1xuICB9XG5cbiAgY2hlY2tNYXJnaW5OZWNlc3NpdHkoKTogc3RyaW5nIHtcbiAgICByZXR1cm4gY2hlY2tNYXJnaW5zKHRoaXMuX3BsYWNlbWVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJwb3BvdmVyLWFycm93IGFycm93XCI+PC9kaXY+XG48aDMgY2xhc3M9XCJwb3BvdmVyLXRpdGxlIHBvcG92ZXItaGVhZGVyXCIgKm5nSWY9XCJ0aXRsZVwiPnt7IHRpdGxlIH19PC9oMz5cbjxkaXYgY2xhc3M9XCJwb3BvdmVyLWNvbnRlbnQgcG9wb3Zlci1ib2R5XCI+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvZGl2PlxuIl19
|
@@ -64,7 +64,7 @@ class PopoverContainerComponent {
|
|
64
64
|
}
|
65
65
|
}
|
66
66
|
PopoverContainerComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: PopoverContainerComponent, deps: [{ token: PopoverConfig }], target: i0.ɵɵFactoryTarget.Component });
|
67
|
-
PopoverContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: PopoverContainerComponent, selector: "popover-container", inputs: { placement: "placement", title: "title" }, host: { attributes: { "role": "tooltip" }, properties: { "attr.id": "popoverId", "class": "\"popover in popover-\" + _placement + \" \" + \"bs-popover-\" + _placement + \" \" + _placement + \" \" + containerClass + \" \" + checkMarginNecessity()", "class.show": "!_bsVersions.isBs3", "class.bs3": "_bsVersions.isBs3" }, styleAttribute: "display:block;" }, ngImport: i0, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.
|
67
|
+
PopoverContainerComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.3", type: PopoverContainerComponent, selector: "popover-container", inputs: { placement: "placement", title: "title" }, host: { attributes: { "role": "tooltip" }, properties: { "attr.id": "popoverId", "class": "\"popover in popover-\" + _placement + \" \" + \"bs-popover-\" + _placement + \" \" + _placement + \" \" + containerClass + \" \" + checkMarginNecessity()", "class.show": "!_bsVersions.isBs3", "class.bs3": "_bsVersions.isBs3" }, styleAttribute: "display:block; position:absolute" }, ngImport: i0, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.popover.bottom>.arrow{margin-left:-4px}:host .popover-arrow{position:absolute}\n"], dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
68
68
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImport: i0, type: PopoverContainerComponent, decorators: [{
|
69
69
|
type: Component,
|
70
70
|
args: [{ selector: 'popover-container', changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
@@ -73,8 +73,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.3", ngImpor
|
|
73
73
|
'[class.show]': '!_bsVersions.isBs3',
|
74
74
|
'[class.bs3]': '_bsVersions.isBs3',
|
75
75
|
role: 'tooltip',
|
76
|
-
style: 'display:block;'
|
77
|
-
}, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.
|
76
|
+
style: 'display:block; position:absolute'
|
77
|
+
}, template: "<div class=\"popover-arrow arrow\"></div>\n<h3 class=\"popover-title popover-header\" *ngIf=\"title\">{{ title }}</h3>\n<div class=\"popover-content popover-body\">\n <ng-content></ng-content>\n</div>\n", styles: [":host.popover.bottom>.arrow{margin-left:-4px}:host .popover-arrow{position:absolute}\n"] }]
|
78
78
|
}], ctorParameters: function () { return [{ type: PopoverConfig }]; }, propDecorators: { placement: [{
|
79
79
|
type: Input
|
80
80
|
}], title: [{
|