@ks89/angular-modal-gallery 11.1.2 → 13.0.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/CHANGELOG.md +7 -0
- package/CONTRIBUTING.md +20 -24
- package/LICENSE +1 -1
- package/README.md +11 -6
- package/fesm2022/ks89-angular-modal-gallery.mjs +151 -139
- package/fesm2022/ks89-angular-modal-gallery.mjs.map +1 -1
- package/lib/components/components.d.ts +1 -1
- package/lib/model/action.enum.d.ts +2 -2
- package/package.json +9 -11
- package/public-api.d.ts +23 -18
- package/esm2022/ks89-angular-modal-gallery.mjs +0 -5
- package/esm2022/lib/components/accessibility-default.mjs +0 -41
- package/esm2022/lib/components/accessible.component.mjs +0 -130
- package/esm2022/lib/components/carousel/carousel-previews/carousel-previews.component.mjs +0 -456
- package/esm2022/lib/components/carousel/carousel.component.mjs +0 -738
- package/esm2022/lib/components/components.mjs +0 -50
- package/esm2022/lib/components/current-image/current-image.component.mjs +0 -607
- package/esm2022/lib/components/current-image/loading-spinner/loading-spinner.component.mjs +0 -80
- package/esm2022/lib/components/dots/dots.component.mjs +0 -124
- package/esm2022/lib/components/modal-gallery/attach-to-overlay.service.mjs +0 -42
- package/esm2022/lib/components/modal-gallery/modal-gallery-ref.mjs +0 -103
- package/esm2022/lib/components/modal-gallery/modal-gallery.component.mjs +0 -499
- package/esm2022/lib/components/modal-gallery/modal-gallery.service.mjs +0 -168
- package/esm2022/lib/components/modal-gallery/modal-gallery.tokens.mjs +0 -26
- package/esm2022/lib/components/plain-gallery/plain-gallery.component.mjs +0 -249
- package/esm2022/lib/components/previews/previews.component.mjs +0 -263
- package/esm2022/lib/components/upper-buttons/upper-buttons-default.mjs +0 -76
- package/esm2022/lib/components/upper-buttons/upper-buttons.component.mjs +0 -243
- package/esm2022/lib/directives/a-tag-bg-image.directive.mjs +0 -78
- package/esm2022/lib/directives/click-outside.directive.mjs +0 -91
- package/esm2022/lib/directives/description.directive.mjs +0 -98
- package/esm2022/lib/directives/direction.directive.mjs +0 -73
- package/esm2022/lib/directives/directives.mjs +0 -51
- package/esm2022/lib/directives/fallback-image.directive.mjs +0 -59
- package/esm2022/lib/directives/keyboard-navigation.directive.mjs +0 -64
- package/esm2022/lib/directives/margin.directive.mjs +0 -84
- package/esm2022/lib/directives/max-size.directive.mjs +0 -75
- package/esm2022/lib/directives/size.directive.mjs +0 -76
- package/esm2022/lib/directives/swipe.directive.mjs +0 -116
- package/esm2022/lib/directives/wrap.directive.mjs +0 -74
- package/esm2022/lib/modal-gallery.module.mjs +0 -88
- package/esm2022/lib/model/accessibility.interface.mjs +0 -25
- package/esm2022/lib/model/action.enum.mjs +0 -36
- package/esm2022/lib/model/buttons-config.interface.mjs +0 -62
- package/esm2022/lib/model/carousel-config.interface.mjs +0 -25
- package/esm2022/lib/model/carousel-image-config.interface.mjs +0 -25
- package/esm2022/lib/model/carousel-preview-config.interface.mjs +0 -25
- package/esm2022/lib/model/current-image-config.interface.mjs +0 -25
- package/esm2022/lib/model/description.interface.mjs +0 -33
- package/esm2022/lib/model/dots-config.interface.mjs +0 -25
- package/esm2022/lib/model/image-internal.class.mjs +0 -35
- package/esm2022/lib/model/image.class.mjs +0 -56
- package/esm2022/lib/model/interaction-event.interface.mjs +0 -2
- package/esm2022/lib/model/keyboard-config.interface.mjs +0 -25
- package/esm2022/lib/model/keyboard.enum.mjs +0 -35
- package/esm2022/lib/model/lib-config.interface.mjs +0 -25
- package/esm2022/lib/model/loading-config.interface.mjs +0 -37
- package/esm2022/lib/model/max-size.interface.mjs +0 -25
- package/esm2022/lib/model/modal-gallery-config.interface.mjs +0 -25
- package/esm2022/lib/model/plain-gallery-config.interface.mjs +0 -55
- package/esm2022/lib/model/play-config.interface.mjs +0 -25
- package/esm2022/lib/model/preview-config.interface.mjs +0 -25
- package/esm2022/lib/model/size.interface.mjs +0 -25
- package/esm2022/lib/model/slide-config.interface.mjs +0 -25
- package/esm2022/lib/services/config.service.mjs +0 -388
- package/esm2022/lib/services/id-validator.service.mjs +0 -71
- package/esm2022/lib/utils/image.util.mjs +0 -48
- package/esm2022/lib/utils/user-input.util.mjs +0 -104
- package/esm2022/public-api.mjs +0 -42
package/CHANGELOG.md
CHANGED
package/CONTRIBUTING.md
CHANGED
|
@@ -10,7 +10,7 @@ Every time you'll run `npm install` inside an example's folder, you must rebuild
|
|
|
10
10
|
2. remove all `node_modules` and temp folders with compiled files (if necessary)
|
|
11
11
|
3. `npm install` (from the root of this project)
|
|
12
12
|
4. `npm run clean:all`
|
|
13
|
-
5. `cd examples/angular-cli-
|
|
13
|
+
5. `cd examples/angular-cli-19`
|
|
14
14
|
6. `npm install`
|
|
15
15
|
7. `cd ../..`
|
|
16
16
|
8. `cd examples/universal`
|
|
@@ -25,44 +25,40 @@ Every time you'll run `npm install` inside an example's folder, you must rebuild
|
|
|
25
25
|
# B. Run main example
|
|
26
26
|
1. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
27
27
|
2. `npm run build:main:dev`
|
|
28
|
-
3. `cd dist/angular-modal-gallery && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
29
|
-
4. `cd
|
|
28
|
+
3. `cd dist/angular-modal-gallery/browser && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
29
|
+
4. `cd ../../..`
|
|
30
30
|
5. `npm run build:main:prod`
|
|
31
|
-
6. `cd dist/angular-modal-gallery && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
32
|
-
7. `cd
|
|
31
|
+
6. `cd dist/angular-modal-gallery/browser && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
32
|
+
7. `cd ../../../../..`
|
|
33
33
|
|
|
34
|
-
# C. Run angular-cli-
|
|
35
|
-
1. `cd examples/angular-cli-
|
|
34
|
+
# C. Run angular-cli-19 example
|
|
35
|
+
1. `cd examples/angular-cli-19`
|
|
36
36
|
2. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
37
37
|
3. `npm run build:dev`
|
|
38
|
-
4. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
39
|
-
5. `cd
|
|
38
|
+
4. `cd dist/angular-cli/browser && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
39
|
+
5. `cd ../../..`
|
|
40
40
|
6. `npm run build:prod`
|
|
41
|
-
7. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
42
|
-
8. `cd
|
|
41
|
+
7. `cd dist/angular-cli/browser && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
42
|
+
8. `cd ../../../../..`
|
|
43
43
|
|
|
44
44
|
# D. Run angular-cli-material example
|
|
45
45
|
1. `cd examples/angular-cli-material`
|
|
46
46
|
2. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
47
47
|
3. `npm run build:dev`
|
|
48
|
-
4. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
49
|
-
5. `cd
|
|
48
|
+
4. `cd dist/angular-cli/browser && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
49
|
+
5. `cd ../../..`
|
|
50
50
|
6. `npm run build:prod`
|
|
51
|
-
7. `cd dist/angular-cli && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
52
|
-
8. `cd
|
|
51
|
+
7. `cd dist/angular-cli/browser && lite-server` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
52
|
+
8. `cd ../../../../..`
|
|
53
53
|
|
|
54
54
|
# E. Run universal example
|
|
55
55
|
1. `cd examples/universal`
|
|
56
|
-
2. `npm
|
|
56
|
+
2. `npm start` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
57
57
|
3. `npm run build:dev`
|
|
58
|
-
4. `
|
|
59
|
-
5. `
|
|
60
|
-
6. `npm run
|
|
61
|
-
7. `cd
|
|
62
|
-
8. `cd ../../..`
|
|
63
|
-
9. `npm run build:ssr && npm run serve:ssr` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
64
|
-
10. `npm run prerender && npm run serve:ssr` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
65
|
-
11. `cd ../..`
|
|
58
|
+
4. `npm run serve:ssr` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
59
|
+
5. `npm run build:prod`
|
|
60
|
+
6. `npm run serve:ssr` => if everything is ok (also in browser's console), kill the process and go to the next step
|
|
61
|
+
7. `cd ../..`
|
|
66
62
|
|
|
67
63
|
# H. Create your pull request
|
|
68
64
|
1. **If it is ok, create your pull request specifying all the details**
|
package/LICENSE
CHANGED
package/README.md
CHANGED
|
@@ -128,7 +128,7 @@ Despite its name, this library is more than for modal galleries, because I'm int
|
|
|
128
128
|
- configurable side-previews (visible only on bigger screen)
|
|
129
129
|
- configurable dots navigation (visible only on bigger screen)
|
|
130
130
|
- configurable previews (visible only on bigger screen)
|
|
131
|
-
- and many more... (check the official documentation [HERE](https://ks89.github.io/angular-modal-gallery-
|
|
131
|
+
- and many more... (check the official documentation [HERE](https://ks89.github.io/angular-modal-gallery-2024-v13.github.io/))
|
|
132
132
|
|
|
133
133
|
<br>
|
|
134
134
|
|
|
@@ -138,7 +138,7 @@ Despite its name, this library is more than for modal galleries, because I'm int
|
|
|
138
138
|
- `npm install --save @angular/cdk`
|
|
139
139
|
|
|
140
140
|
From version @ks89/angular-modal-gallery >= 5.0.0, **font-awesome isn't a mandatory dependency**.
|
|
141
|
-
You can use all default features without font-awesome. For more info, check official [documentation website](https://ks89.github.io/angular-modal-gallery-
|
|
141
|
+
You can use all default features without font-awesome. For more info, check official [documentation website](https://ks89.github.io/angular-modal-gallery-2024-v13.github.io/).
|
|
142
142
|
From version @ks89/angular-modal-gallery >= 11.0.0, **mousetrap and hammerjs have been removed as dependencies**.
|
|
143
143
|
|
|
144
144
|
<br>
|
|
@@ -147,7 +147,7 @@ From version @ks89/angular-modal-gallery >= 11.0.0, **mousetrap and hammerjs hav
|
|
|
147
147
|
|
|
148
148
|
*Image loading could be slow, because this website is hosted on Github pages*
|
|
149
149
|
|
|
150
|
-
[OFFICIAL DOCUMENTATION WEBSITE](https://ks89.github.io/angular-modal-gallery-
|
|
150
|
+
[OFFICIAL DOCUMENTATION WEBSITE](https://ks89.github.io/angular-modal-gallery-2024-v13.github.io/)
|
|
151
151
|
|
|
152
152
|
<br>
|
|
153
153
|
|
|
@@ -169,7 +169,10 @@ From version @ks89/angular-modal-gallery >= 11.0.0, **mousetrap and hammerjs hav
|
|
|
169
169
|
| Angular 13 | = 9.1.0 | optional |
|
|
170
170
|
| Angular 14 | = 9.1.0 | optional |
|
|
171
171
|
| Angular 15 | = 10.0.1 | optional |
|
|
172
|
-
| Angular 16 |
|
|
172
|
+
| Angular 16 | = 11.1.1 | optional |
|
|
173
|
+
| Angular 17 | = 11.1.1 | optional |
|
|
174
|
+
| Angular 18 | = 12.0.0 | optional |
|
|
175
|
+
| Angular 19 | >= 13.0.0 | optional |
|
|
173
176
|
|
|
174
177
|
<br>
|
|
175
178
|
|
|
@@ -177,6 +180,8 @@ From version @ks89/angular-modal-gallery >= 11.0.0, **mousetrap and hammerjs hav
|
|
|
177
180
|
|
|
178
181
|
**More than 100 releases in two years**, and more to come... :)
|
|
179
182
|
|
|
183
|
+
- 22/12/2024 - 13.0.0 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
|
|
184
|
+
- 31/05/2024 - 12.0.0 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
|
|
180
185
|
- 31/01/2024 - 11.1.2 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
|
|
181
186
|
- 09/12/2023 - 11.1.1 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
|
|
182
187
|
- 08/16/2023 - 11.1.0 - @ks89/angular-modal-gallery - [HERE](https://github.com/Ks89/angular-modal-gallery/releases)
|
|
@@ -216,7 +221,7 @@ From version @ks89/angular-modal-gallery >= 11.0.0, **mousetrap and hammerjs hav
|
|
|
216
221
|
1. Question: **How can I remove images using DELETE button without issues?**<br>
|
|
217
222
|
**Answer**: **You cannot change the input image array. Instead, you should reassign it with a newer array** without the deleted element.
|
|
218
223
|
In other words, **you must think in a functional way**, without changing the input array of images.
|
|
219
|
-
For more information check this official demo [HERE](https://ks89.github.io/angular-modal-gallery-
|
|
224
|
+
For more information check this official demo [HERE](https://ks89.github.io/angular-modal-gallery-2024-v13.github.io/demo/buttons-strategies).
|
|
220
225
|
|
|
221
226
|
<br>
|
|
222
227
|
|
|
@@ -254,7 +259,7 @@ In this way, [prettier](https://prettier.io/) will run using my configuration, a
|
|
|
254
259
|
|
|
255
260
|
The MIT License (MIT)
|
|
256
261
|
|
|
257
|
-
Copyright (c) 2017-
|
|
262
|
+
Copyright (c) 2017-2024 Stefano Cappa (Ks89)
|
|
258
263
|
|
|
259
264
|
Permission is hereby granted, free of charge, to any person obtaining a copy
|
|
260
265
|
of this software and associated documentation files (the "Software"), to deal
|